.dashboard-head{padding:8px 0}.freshness{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #d9e5de;border-radius:20px;background:#fff}.freshness i{width:8px;height:8px;border-radius:50%;background:#2a9a6c;box-shadow:0 0 0 4px #2a9a6c18}.dashboard-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-metrics .metric{display:flex;align-items:center;gap:13px;min-width:0;padding:18px;color:inherit}.dashboard-metrics a.metric:hover{border-color:#86b39f;box-shadow:0 5px 16px #244c3d10}.dashboard-metrics .metric>div{min-width:0}.dashboard-metrics .metric-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:#e3f2eb;color:#1d674f;font-weight:800}.dashboard-metrics strong{margin:2px 0;font-size:28px}.dashboard-metrics small{white-space:nowrap}.dashboard-metrics small b{color:#26805f}.metric-devices .metric-icon{background:#e8effa;color:#446b9f}.metric-library .metric-icon{background:#fff0dc;color:#a56725}.metric-sources .metric-icon{background:#eee9fa;color:#7056a0}.metric-storage .metric-icon{background:#f4e9e7;color:#9a514a}
.attention-panel{margin-top:16px}.attention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.attention-grid>a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:13px;border:1px solid #e1e9e4;border-radius:12px;background:#fafcfb}.attention-grid>a>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e8f2ed;color:#246d55;font-weight:800}.attention-grid b,.attention-grid small{display:block}.attention-grid small{margin-top:2px;color:#6e7f78;font-size:11px}.attention-grid em{color:#43836e;font-style:normal}.attention-grid .needs-attention{border-color:#efc0b9;background:#fff8f7}.attention-grid .needs-attention>span{background:#fae5e2;color:#a54439}.attention-grid .has-info{border-color:#c9d8ef;background:#f8faff}.attention-grid .has-info>span{background:#e7eef9;color:#456da2}.attention-grid>a:hover{border-color:#86b39f;box-shadow:0 5px 16px #244c3d10}
.analytics-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);gap:16px;margin-top:16px}.analytics-grid .panel{margin:0}.chart-panel,.device-chart{min-height:330px}.trend-pill{padding:5px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.trend-pill.up{background:#e6f4ec;color:#237153}.trend-pill.down{background:#fae9e7;color:#963f36}.chart-total{display:flex;align-items:baseline;gap:9px;margin-top:20px}.chart-total strong{font-size:34px;color:#173f37}.chart-total span{font-size:12px;color:#718078}.line-chart{direction:ltr;margin-top:2px}.line-chart svg{display:block;width:100%;height:205px;overflow:visible}.line-chart line{stroke:#e5ece7;stroke-width:1;stroke-dasharray:4 5}.chart-area{fill:url(#registration-fill)}.chart-line{fill:none;stroke:#28765e;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.line-chart circle{fill:#fff;stroke:#28765e;stroke-width:3}.chart-labels{display:flex;justify-content:space-between;padding-inline:15px;color:#7a8983;font-size:10px}
.donut-layout{display:grid;place-items:center;gap:25px;padding-top:28px}.donut{display:grid;place-items:center;width:172px;height:172px;border-radius:50%;background:conic-gradient(#28765e 0 var(--active-share),#e5a777 var(--active-share) 100%)}.donut:before{content:"";grid-area:1/1;width:112px;height:112px;border-radius:50%;background:#fff;box-shadow:0 0 0 8px #ffffff55}.donut>div{z-index:1;grid-area:1/1;text-align:center}.donut strong,.donut span{display:block}.donut strong{font-size:27px;color:#173f37}.donut span{color:#74847d;font-size:12px}.donut-legend{display:grid;width:100%;gap:8px}.donut-legend>div,.library-legend>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.donut-legend i,.library-legend i{width:9px;height:9px;border-radius:3px}.donut-legend span,.library-legend span{color:#61736b;font-size:12px}.donut-legend .active{background:#28765e}.donut-legend .revoked{background:#e5a777}.donut-legend .recent{background:#77a99a}
.lower-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr)}.lower-grid .panel{min-height:280px}.ranked-bars{display:grid;gap:17px;margin-top:25px}.ranked-bars>div{display:grid;grid-template-columns:26px minmax(90px,.6fr) minmax(100px,1.4fr) 28px;align-items:center;gap:10px}.rank{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#edf3ef;color:#557067;font-size:11px}.bar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.bar-track{height:9px;overflow:hidden;border-radius:10px;background:#edf1ee;direction:ltr}.bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2b7f65,#65ac8f)}.ranked-bars b{font-size:12px}.library-stack{display:flex;height:18px;overflow:hidden;margin:45px 0 30px;border-radius:12px;background:#edf1ee;direction:ltr}.library-stack i{height:100%}.library-stack .tracks,.library-legend .tracks{background:#28765e}.library-stack .playlists,.library-legend .playlists{background:#e5a777}.library-stack .sources,.library-legend .sources{background:#8069ac}.library-legend{display:grid;gap:13px}.library-legend i{border-radius:50%}.music-legend{margin-top:18px;padding-top:14px;border-top:1px solid #e7ece8}.library-legend .music-playlists{background:#c47a3a}.library-legend .music-tracks{background:#8a5a2b}
.activity-grid{margin-top:16px}.activity-grid .panel{min-height:305px}.recent-list>div,.recent-list>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #e7ece8;color:inherit}.recent-list>a:hover{color:#185747}.recent-list .avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf4f0;color:#286b56;font-size:11px;font-weight:700}.quick-actions{display:grid;align-content:start;gap:8px}.quick-actions .section-heading{margin-bottom:8px}.quick-actions>a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:11px;border:1px solid #e2e9e4;border-radius:11px}.quick-actions>a:hover{border-color:#8cb8a5;background:#f7faf8}.quick-actions>a>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e8f2ed;color:#246d55;font-weight:800}.quick-actions b,.quick-actions small{display:block}.quick-actions b{font-size:13px}.quick-actions small{color:#75847e;font-size:11px}.quick-actions em{color:#43836e;font-style:normal}
@media(max-width:1150px){.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.analytics-grid,.lower-grid{grid-template-columns:1fr}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.attention-grid{grid-template-columns:1fr}}@media(max-width:560px){.dashboard-metrics{grid-template-columns:1fr}.dashboard-metrics .metric{min-height:94px}.section-heading{gap:8px}.trend-pill{white-space:normal;text-align:center}.chart-panel{padding-inline:12px}.ranked-bars>div{grid-template-columns:24px minmax(80px,.8fr) minmax(70px,1fr) 24px}.recent-list>div,.recent-list>a{grid-template-columns:auto 1fr}.recent-list small{grid-column:2}.donut-layout{padding-top:18px}}
.backup-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.backup-metrics .metric{display:flex;align-items:center;gap:13px}.backup-metrics .metric-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:#e3f2eb;color:#1d674f;font-weight:800}.backup-metrics .metric-icon.blue{background:#e8effa;color:#446b9f}.backup-metrics .metric-icon.amber{background:#fff0dc;color:#a56725}.backup-metrics .metric-icon.violet{background:#eee9fa;color:#7056a0}.backup-metrics .metric strong{font-size:27px}.backup-analytics{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:16px}.backup-analytics>.panel{min-height:340px;margin:0}.storage-bars{display:grid;gap:19px;margin-top:27px}.storage-bars>div{display:grid;grid-template-columns:26px minmax(130px,.65fr) minmax(100px,1.35fr) 75px;align-items:center;gap:10px}.storage-user b,.storage-user small{display:block}.storage-user b{font-size:12px}.storage-user small{color:#75867e;font-size:10px}.storage-bars strong{font-size:11px;text-align:left}.empty-chart{display:grid;place-items:center;align-content:center;min-height:235px;text-align:center}.empty-chart>span{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#edf4f0;color:#43836e;font-size:30px}.empty-chart b{margin-top:12px}.empty-chart p{margin:2px 0;font-size:12px}.backup-donut{background:conic-gradient(#28765e 0 var(--active-share),#e7ece8 var(--active-share) 100%)}.backup-activity{margin-top:16px}.column-chart{display:grid;grid-template-columns:repeat(14,minmax(22px,1fr));align-items:end;gap:8px;height:245px;margin-top:20px;padding-top:12px;direction:ltr}.column-chart>div{display:grid;grid-template-rows:1fr auto auto;align-items:end;gap:3px;height:100%;text-align:center}.column-chart>div>span{display:flex;align-items:end;justify-content:center;height:100%;border-bottom:1px solid #e3eae5}.column-chart i{display:block;width:min(24px,72%);min-height:4px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#66ae91,#28765e)}.column-chart b{font-size:10px;color:#48645a}.column-chart small{font-size:9px;color:#7b8984;transform:rotate(-35deg);white-space:nowrap}.backup-table-panel{margin-top:16px}.share-cell{display:flex;align-items:center;gap:7px;min-width:110px}.share-cell:before{content:"";width:70px;height:7px;border-radius:7px;background:#edf1ee}.share-cell i{position:absolute;width:0;height:7px;border-radius:7px;background:#4a9a7c}.share-cell small{margin-inline-start:76px;color:#667970;font-size:10px}.backup-table-panel .embedded-search{max-width:520px}
@media(max-width:1050px){.backup-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-analytics{grid-template-columns:1fr}}@media(max-width:650px){.backup-metrics{grid-template-columns:1fr}.storage-bars>div{grid-template-columns:24px minmax(110px,1fr) 65px}.storage-bars .bar-track{grid-column:2/4}.column-chart{gap:3px}.column-chart small{font-size:8px}.backup-table-panel .embedded-search{max-width:none}}