.dashboard-toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:8px 0 24px}.dashboard-toolbar label{font-size:12px;display:flex;align-items:center;gap:10px}.dashboard-toolbar select{width:auto;min-width:145px}.dashboard-toolbar>span{font-size:11px;color:var(--muted);margin-left:auto}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{background:var(--theme-surface, #fffefd);border:1px solid var(--theme-border, #e1dbea);border-radius:17px;padding:23px;position:relative;overflow:hidden}.metric:first-child{background:#28223e;color:#fff;border-color:#28223e}.metric:first-child:after{content:'♫';font-size:110px;position:absolute;right:10px;bottom:-20px;color:#ffffff0d}.metric-label{font-size:11px;letter-spacing:.03em}.metric-value{display:block;font-family:'Space Grotesk',sans-serif;font-size:38px;letter-spacing:-1.5px;margin:12px 0 6px}.metric small{font-size:11px;opacity:.7}.dashboard-note{font-size:12px;line-height:1.7;color:var(--muted);margin:18px 0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;margin:20px 0}.hosting-panel{margin:20px 0}.hosting-panel h2{margin:7px 0 0}.hosting-panel a{font-size:12px;color:var(--ink)}.hosting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.hosting-card{border:1px solid var(--theme-border, #e8e1ed);border-radius:12px;padding:17px;background:var(--theme-secondary, #faf8fd)}.hosting-card h3{font-size:12px;margin:0 0 10px;font-weight:500}.hosting-value{font-size:21px;font-family:'Space Grotesk',sans-serif}.hosting-card small{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:8px}.meter{height:7px;border-radius:9px;background:#e9e2f0;overflow:hidden;margin-top:13px}.meter span{display:block;height:100%;background:#9168bf;border-radius:9px}.hosting-card.warning{border-color:#d8aa56;background:#fff8ea}.hosting-card.warning .meter span{background:#be8332}.hosting-card.danger-zone{border-color:#c77777;background:#fff1f1}.hosting-card.danger-zone .meter span{background:#b45252}.provider-row{padding:15px 0;border-bottom:1px solid var(--theme-border, #eee8f3)}.provider-heading,.stat-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.provider-heading strong{font-size:18px}.provider-row p{font-size:11px;color:var(--muted);margin:8px 0 0}.fine-print{font-size:11px;color:var(--muted);line-height:1.8}.trend{display:flex;align-items:flex-end;gap:4px;height:190px;border-bottom:1px solid #ddd4e8;padding-top:15px}.trend-bar{flex:1;min-width:0;border:0;border-radius:5px 5px 0 0;background:#bba0dc;padding:0;cursor:pointer;transition:background .15s}.trend-bar:hover,.trend-bar:focus{background:#70509a;outline:2px solid #70509a;outline-offset:2px}.chart-detail{min-height:18px;font-size:11px;color:var(--muted)}.empty-usage{font-size:13px;color:var(--muted);padding:25px 0;line-height:1.7}.stat-row{padding:11px 0;border-bottom:1px solid var(--theme-border, #eee8f3)}.stat-row strong{font-weight:500}.privacy-panel{display:flex;gap:24px;justify-content:space-between;align-items:flex-start;margin:20px 0 30px}.privacy-panel h2{font-size:17px;margin:0 0 10px}.privacy-panel p{max-width:750px;font-size:11px;line-height:1.8;color:var(--muted)}.tracking-toggle{font-size:12px;display:flex;gap:8px;align-items:center;min-width:210px}.tracking-toggle input{accent-color:#70509a}.music-table td:first-child{white-space:normal;min-width:150px}.track-artist{display:block;font-size:10px;color:var(--muted);margin-top:5px}.admin-nav a[aria-current=page]{background:var(--theme-soft, #e8ddf4);border-color:#bca3d4}.collection h3{font-size:13px;margin-top:22px}@media(max-width:850px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.hosting-grid{grid-template-columns:repeat(2,1fr)}.privacy-panel{flex-direction:column}.dashboard-toolbar>span{margin-left:0}.page-title p{max-width:none}.hosting-panel .section-heading{align-items:flex-start}}@media(max-width:480px){.metric{padding:17px}.metric-value{font-size:31px}.hosting-grid{grid-template-columns:1fr}.hosting-panel .section-heading{flex-direction:column}.trend{gap:2px}.page-title h1{font-size:31px}}