.dashboard-head{align-items:flex-end}.head-actions{display:flex;gap:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #202b3b;background:#0b111b;margin-bottom:14px}.metric{padding:18px 20px;border-right:1px solid #202b3b;min-width:0}.metric:last-child{border:0}.metric>span{display:block;color:#94a3b8;font-size:12px;font-weight:650}.metric strong{display:block;color:#f8fafc;font-size:25px;line-height:1.2;letter-spacing:-.7px;margin:7px 0}.metric strong em{font-size:13px;font-style:normal;color:#64748b;font-weight:600}.metric small{display:block;color:#64748b;font-size:11px}.metric-good{color:#4ade80!important}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.8fr);gap:14px;margin-bottom:14px}.usage-card,.health-card,.recent-card{padding:20px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:21px}.card-head h2,.health-card h2{margin:0;font-size:17px}.card-head .muted{font-size:12px}.usage-list{display:grid;gap:17px}.usage-name,.usage-breakdown{display:flex;justify-content:space-between;gap:14px;font-size:12px}.usage-name a{font-weight:700}.usage-name span{color:#94a3b8}.usage-track{height:7px;background:#172033;margin:7px 0;overflow:hidden}.usage-track i{display:block;height:100%;background:linear-gradient(90deg,#22d3ee,#6366f1)}.usage-breakdown{color:#64748b;font-size:11px}.availability{padding:19px 0 17px;border-bottom:1px solid #202b3b;margin-bottom:16px}.availability strong{display:block;font-size:38px;color:#f8fafc;line-height:1}.availability span{font-size:12px;color:#94a3b8}.health-line{display:grid;grid-template-columns:56px 28px 1fr;align-items:center;gap:8px;margin:13px 0;font-size:12px}.health-line b{color:#e2e8f0;text-align:right}.health-line i{height:6px;background:#172033;overflow:hidden}.health-line em{display:block;height:100%;background:#4ade80}.health-line .offline-bar{background:#64748b}.text-link{display:inline-block;color:#7dd3fc;text-decoration:none;font-size:12px;font-weight:700;margin-top:15px}.text-link:hover{text-decoration:underline}.empty-state{padding:26px 0;text-align:center;font-size:13px}.recent-card{margin-top:0}.recent-card .table-wrap{margin-top:2px}@media(max-width:980px){.metric-grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid #202b3b}.dashboard-grid{grid-template-columns:1fr}.health-card{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.health-card>.section-kicker,.health-card>h2,.health-card>.availability{grid-column:1}.health-card>.health-line{grid-column:2;margin:0 0 14px}.health-card>.text-link{grid-column:1}}@media(max-width:640px){.app-content{padding-bottom:66px}.sidebar{display:flex!important;position:fixed!important;inset:auto 0 0!important;width:100%!important;height:62px;padding:7px 10px!important;flex-direction:row!important;justify-content:space-around;border-top:1px solid #202b3b;border-right:0;z-index:10}.sidebar-brand,.nav-label,.sidebar-foot{display:none}.sidebar-nav{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.nav-item,.nav-item.active{height:46px!important;font-size:11px!important;display:flex!important;flex-direction:column;gap:2px;padding:5px!important}.nav-icon{font-size:17px!important}.app-topbar{position:sticky}.dashboard-head{align-items:flex-start}.head-actions{width:100%}.head-actions .btn{flex:1}.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:14px}.metric strong{font-size:21px}.metric:nth-child(odd){border-right:1px solid #202b3b}.metric:nth-child(2){border-right:0}.usage-card,.health-card,.recent-card{padding:16px}.dashboard-grid{gap:10px;margin-bottom:10px}.health-card{display:block}.health-card>.health-line{margin:13px 0}.card-head{margin-bottom:16px}.recent-card .table-wrap{margin:0 -1px}.recent-card th,.recent-card td{padding:11px}.availability{padding-top:11px}}