:root{
  --bg:#F7FAFF; --panel:#FFFFFF; --header:#EAF2FF; --border:#E5ECF6; --text:#1F2937;
  --excellent:#15803D; --good:#4ADE80; --watch:#D97706; --danger:#B91C1C;
  --blue:#5B8DEF;
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
header{background:var(--header);padding:18px 22px;font-size:22px;font-weight:650;border-bottom:1px solid var(--border)}
.container{padding:22px;max-width:1100px}
.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:14px}
.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ticker{padding:14px 16px;border-radius:10px;border:1px solid var(--border);background:var(--panel);cursor:pointer;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.ticker:hover{border-color:#D6E3F7}
.badge{font-weight:800;letter-spacing:.02em}
.badge.excellent{color:var(--excellent)}
.badge.good{color:var(--good)}
.badge.watch{color:var(--watch)}
.badge.danger{color:var(--danger)}
.muted{color:#6B7280;font-size:13px}
.legend{margin-top:18px;font-size:14px}
.legend .item{display:inline-block;margin-right:16px;margin-top:6px}
.legend .excellent{color:var(--excellent)}
.legend .good{color:var(--good)}
.legend .watch{color:var(--watch)}
.legend .danger{color:var(--danger)}
.input{width:240px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff}
.btn{padding:10px 12px;border:1px solid var(--border);background:#fff;border-radius:10px;cursor:pointer;text-decoration:none;color:inherit;display:inline-block}
.btn:hover{border-color:#D6E3F7}
.tabs{display:flex;gap:10px;margin-top:12px}
.tab{padding:8px 10px;border-radius:10px;border:1px solid var(--border);cursor:pointer;background:#fff;font-weight:700}
.tab.active{background:var(--header);border-color:#D6E3F7}
.hidden{display:none}
.small{font-size:12px}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-top:1px solid var(--border);text-align:left}
th{font-size:12px;color:#6B7280;font-weight:800}