:root{--ink:#172233;--muted:#6c7785;--line:#e7ebef;--canvas:#f5f7f8;--navy:#12263e;--blue:#1675b9;--aqua:#3cc5c8;--orange:#ffad43;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:76px;padding:0 max(24px,calc((100vw - 1400px)/2));display:flex;align-items:center;gap:34px;background:var(--navy);color:white}.brand{font-weight:700;letter-spacing:.01em;display:flex;gap:10px;align-items:center;white-space:nowrap}.brand-mark{background:var(--aqua);color:var(--navy);font-size:.7rem;padding:5px 7px;border-radius:4px;letter-spacing:.12em}nav{display:flex;align-self:stretch;gap:8px}.tab{cursor:pointer;border:0;border-bottom:3px solid transparent;background:transparent;color:#b9c6d2;font:inherit;font-size:.9rem;padding:0 10px}.tab:hover,.tab.active{color:white;border-bottom-color:var(--aqua)}.upload-button{margin-left:auto;cursor:pointer;border:1px solid #547189;border-radius:6px;padding:10px 13px;font-weight:650;font-size:.85rem;color:white}.upload-button:hover{background:#203c57}.upload-button input{display:none}main{max-width:1400px;margin:auto;padding:44px 24px 60px}.hero{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.eyebrow{font-size:.69rem;letter-spacing:.13em;font-weight:750;color:var(--blue);margin:0 0 8px}.hero h1{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.045em;margin:0 0 9px}.hero p:not(.eyebrow){margin:0;color:var(--muted);font-size:.92rem}.period-control{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.84rem}.period-control select{border:1px solid var(--line);background:white;border-radius:6px;padding:9px 28px 9px 10px;color:var(--ink);font:inherit}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.metrics article,.panel{background:var(--white);border:1px solid var(--line);border-radius:10px}.metrics article{padding:20px}.metrics span{display:block;color:var(--muted);font-size:.78rem}.metrics strong{display:block;margin:8px 0 6px;font-size:1.75rem;letter-spacing:-.04em}.metrics small{font-size:.74rem;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.panel{padding:23px;min-width:0}.wide{grid-column:span 2}.panel-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:17px}.panel h2{margin:0;font-size:1.08rem;letter-spacing:-.02em}.legend,.sort-note{font-size:.72rem;color:var(--muted);white-space:nowrap}.legend i{display:inline-block;width:9px;height:9px;background:var(--blue);border-radius:50%;margin-right:6px}.chart-panel canvas{width:100%;display:block}.type-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:9px;font-size:.76rem;color:var(--muted)}.type-legend span:before{content:"";display:inline-block;width:8px;height:8px;background:var(--c);border-radius:50%;margin-right:6px}.rank-list{list-style:none;padding:0;margin:0}.rank-list li{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;border-top:1px solid var(--line);padding:13px 0;font-size:.86rem}.rank-list .rank{color:#95a0aa;font-size:.73rem;font-weight:700}.rank-list .detail{color:var(--muted);font-size:.75rem;margin-top:2px}.rank-list .value{font-weight:700;font-size:.85rem}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.84rem}th{text-align:left;color:var(--muted);font-size:.69rem;text-transform:uppercase;letter-spacing:.07em;font-weight:650;padding:0 10px 11px}td{border-top:1px solid var(--line);padding:12px 10px;white-space:nowrap}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.badge{display:inline-block;padding:3px 7px;border-radius:10px;background:#e8f5f6;color:#137878;font-size:.68rem;font-weight:750}.badge.r{background:#eaf2fa;color:#256fa7}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(80px);opacity:0;background:#172233;color:white;border-radius:7px;padding:11px 16px;font-size:.85rem;transition:.25s}.show{transform:translateX(-50%) translateY(0)!important;opacity:1!important}@media(max-width:820px){.topbar{gap:12px;height:auto;min-height:68px;flex-wrap:wrap;padding:12px 18px}.topbar nav{order:3;width:100%;height:38px}.upload-button{font-size:.75rem}.hero{align-items:start;gap:16px;flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.wide{grid-column:auto}.metrics article{padding:15px}main{padding:28px 15px}.panel{padding:18px}}@media(max-width:430px){.metrics{grid-template-columns:1fr 1fr}.metrics article:last-child{grid-column:span 2}}