.dashboard{max-width:900px;margin:auto;padding:var(--safe-top) max(24px,var(--safe-right)) calc(24px + var(--safe-bottom)) max(24px,var(--safe-left))}header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}main{padding-top:33px}.title{display:flex;justify-content:space-between;align-items:center;gap:20px}.title h1{font-size:36px;margin-bottom:8px}.title a{font-size:12px}.period{display:flex;gap:4px;background:var(--bg2);width:fit-content;padding:4px;border-radius:12px;margin:27px 0 20px}.period button{border:0;background:none;padding:8px 20px;border-radius:9px;color:var(--hint);font-size:13px;min-height:40px}.period button[aria-pressed=true]{background:var(--surface);color:var(--text)}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric{padding:23px;position:relative}.metric .icon{position:absolute;right:22px;top:24px}.metric h2{font-size:13px;letter-spacing:0;color:var(--hint);font-weight:500}.metric strong{font-size:43px;letter-spacing:-2px;font-weight:600;display:block;margin-top:12px}.chart{margin:19px 0;padding:24px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h2,.data-panel h2{font-size:17px;letter-spacing:-.3px}.section-title span{font-size:11px;color:var(--hint)}.chart-legend{display:flex;gap:17px;color:var(--link);font-size:11px;margin:23px 0}.chart-legend span+span{color:var(--hint)}.chart-bars{height:165px;display:flex;align-items:end;gap:10px;border-bottom:1px solid var(--line)}.chart-bars>div{height:100%;flex:1;display:flex;align-items:end;gap:2px}.chart-bars i,.chart-bars b{display:block;width:60%;border-radius:3px 3px 0 0;background:var(--accent)}.chart-bars b{width:40%;background:var(--hint);opacity:.4}.chart-axis{display:flex;justify-content:space-between;margin-top:10px;font-size:10px;color:var(--hint)}.chart details{font-size:12px;margin-top:20px;color:var(--hint)}summary{cursor:pointer}table{width:100%;text-align:left;border-collapse:collapse;font-size:12px;margin-top:15px}td,th{padding:8px;border-bottom:1px solid var(--line)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.data-panel{padding:23px}.data-panel h2{margin-bottom:23px}.data-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:12px 0;border-top:1px solid var(--line)}.data-row span{color:var(--hint)}.data-row strong{font-weight:500}.board+.board{margin-top:25px}.board-title{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:15px}.board-title span{color:var(--hint);font-size:10px}.leader{display:flex;gap:13px;align-items:center;padding:11px 0;border-top:1px solid var(--line);font-size:13px}.leader>span:first-child{font-size:11px;color:var(--hint);width:17px}.leader strong{margin-left:auto;font-size:12px;font-weight:500}footer{text-align:center;font-size:11px;color:var(--hint);padding:30px}.loading{padding:50px;text-align:center}.error{padding:25px}.error h1{font-size:30px}.error p{margin:20px 0}
@media(max-width:600px){.dashboard{padding-left:max(16px,var(--safe-left));padding-right:max(16px,var(--safe-right))}header{height:64px}.title h1{font-size:31px}.dashboard-grid{grid-template-columns:1fr}.metric{padding:20px}.metric strong{font-size:37px}.metric .icon{width:20px;right:17px;top:20px}.chart{padding:20px}.chart-bars{gap:5px;height:140px}.metrics{gap:12px}.chart-axis{font-size:9px}}
header{border-bottom:0}.title h1{font-size:43px;font-weight:600;letter-spacing:-2px}.title .symbol{width:54px;height:54px;border-radius:17px}.metric{padding:27px}.metric strong{font-size:54px;font-weight:550;letter-spacing:-2.7px}.metric h2{font-size:12px}.period{border-radius:25px;padding:4px}.period button{border-radius:22px;padding:8px 22px}.chart{padding:28px;border-radius:22px}.chart-bars i{border-radius:6px 6px 0 0}.data-panel{border-radius:20px}.metric .icon{opacity:.7}
@media(max-width:600px){.title h1{font-size:36px}.metric{padding:21px}.metric strong{font-size:43px}.chart{padding:20px}.period button{padding:8px 20px}}