:root{--bg:#f8fafc;--panel:#fff;--muted:#64748b;--text:#0f172a;--line:#e2e8f0;--soft:#f1f5f9;--accent:#0f172a;--accent-soft:#cbd5e1;--danger-bg:#fef2f2;--danger-border:#fecaca;--danger-text:#b91c1c}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.dashboard-shell{min-height:100vh;padding:24px}.dashboard-container{gap:24px;width:100%;max-width:1280px;margin:0 auto;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:0 8px 30px #0f172a0d}.hero{gap:16px;padding:24px;display:grid}.hero-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.badge{background:var(--soft);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:12px}.hero h1{margin:0;font-size:36px;line-height:1.1}.hero p{color:var(--muted);margin:0}.hero-actions{gap:12px;margin-top:18px;display:flex}.hero-grid{grid-template-columns:1.2fr 1fr;align-items:end;gap:16px;display:grid}.filters{gap:12px;display:grid}.filters-row{grid-template-columns:1fr auto;gap:12px;display:grid}.input,.select,.button{border:1px solid var(--line);background:#fff;border-radius:16px;height:46px;padding:0 14px}.button{background:var(--accent);color:#fff;border-color:var(--accent);cursor:pointer;font-weight:600}.button:hover{opacity:.95}.secondary-button{width:fit-content;color:var(--accent);background:#fff;justify-content:center;align-items:center;display:inline-flex}.text-link,.icon-link{width:fit-content;color:var(--accent);align-items:center;gap:8px;font-weight:700;display:inline-flex}.text-link{margin-top:16px}.icon-link{border:1px solid var(--line);background:#fff;border-radius:999px;min-height:32px;padding:0 10px;font-size:13px}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metric-card{gap:8px;padding:20px;display:grid}.metric-label{color:var(--muted);font-size:14px}.metric-value{font-size:32px;font-weight:700;line-height:1}.ranking-metrics{grid-template-columns:repeat(3,1fr)}.metric-note{color:var(--muted);font-size:12px}.grid-3,.grid-bottom{grid-template-columns:2fr 1fr;gap:24px;display:grid}.chart-card,.list-card,.table-card{padding:20px}.card-title{margin:0 0 16px;font-size:20px}.chart-box{height:360px}.rank-list{gap:12px;display:grid}.rank-item{background:var(--soft);border-radius:18px;justify-content:space-between;gap:12px;padding:14px 16px;display:flex}.rank-item p{margin:0}.rank-name{margin-bottom:4px;font-weight:700}.rank-note{color:var(--muted);font-size:12px}.rank-value{white-space:nowrap;font-weight:700}.error-box{border:1px solid var(--danger-border);background:var(--danger-bg);color:var(--danger-text);border-radius:20px;padding:16px 20px}.table-wrap{border:1px solid var(--line);border-radius:18px;overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:900px}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:14px 16px}.table thead{background:var(--soft)}.table th{color:var(--muted);font-size:13px}.table td:last-child,.table th:last-child,.table td:nth-last-child(2),.table th:nth-last-child(2){text-align:right}.empty-state{text-align:center;color:var(--muted);padding:40px 20px}@media (max-width:1100px){.hero-grid,.grid-3,.grid-bottom,.metrics,.ranking-metrics{grid-template-columns:1fr}}@media (max-width:720px){.dashboard-shell{padding:16px}.hero h1{font-size:28px}.filters-row{grid-template-columns:1fr}}