.dashboard-page{min-height:100vh}.dashboard-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}.dashboard-main{min-width:0}.sidebar{position:sticky;top:0;z-index:500;display:flex;flex-direction:column;width:var(--sidebar-width);height:100vh;border-right:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.002)),rgba(7,7,8,.98);overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height);padding:0 18px;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-close{display:none}.sidebar-body{flex:1;padding:18px 12px;overflow:auto}.sidebar-footer{padding:13px 12px 16px;border-top:1px solid rgba(255,255,255,.05)}.sidebar-nav{display:flex;flex-direction:column;gap:3px}.sidebar-section{margin-top:19px}.sidebar-section:first-child{margin-top:0}.sidebar-section-label{padding:0 10px 8px;color:#505057;font:620 .6rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.sidebar-link{position:relative;display:flex;align-items:center;gap:11px;min-height:43px;padding:0 11px;border:1px solid transparent;border-radius:10px;color:#85858d;font-size:.78rem;font-weight:530;transition:.15s var(--ease)}.sidebar-link:hover{background:rgba(255,255,255,.025);color:#d8d8dc}.sidebar-link.is-active{border-color:rgba(215,255,63,.1);background:linear-gradient(90deg,rgba(215,255,63,.085),rgba(215,255,63,.02));color:var(--accent)}.sidebar-link.is-active:before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:2px;background:var(--accent);border-radius:2px}.sidebar-link-icon{display:grid;place-items:center;width:20px;color:#64646c}.sidebar-link-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px}.sidebar-user-meta{flex:1;min-width:0}.sidebar-user-name{font-size:.74rem;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{margin-top:2px;font-size:.62rem;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-overlay{position:fixed;inset:0;z-index:450;background:rgba(0,0,0,.72);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.18s}.sidebar-overlay.is-visible{opacity:1;visibility:visible}
.topbar{position:sticky;top:0;z-index:400;display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height);padding:0 30px;border-bottom:1px solid var(--border);background:rgba(5,5,5,.86);backdrop-filter:blur(18px)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px}.topbar-mobile-toggle{display:none}.topbar-eyebrow{margin-bottom:2px;color:#55555d;font:620 .58rem/1 var(--mono);letter-spacing:.1em}.topbar-title{font-size:.88rem;color:var(--soft);font-weight:580}.topbar-status{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 11px;border:1px solid var(--border);border-radius:99px;color:#63636a;font:500 .6rem/1 var(--mono)}.topbar-status-dot{width:5px;height:5px;border-radius:50%;background:var(--success);box-shadow:0 0 7px rgba(115,230,167,.5)}
.dashboard-content{padding:30px 30px 62px}.dashboard-container{width:min(100%,var(--container-width));margin:auto}.dashboard-stack{display:flex;flex-direction:column;gap:22px}.dashboard-header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.dashboard-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:9px;color:var(--accent);font:620 .61rem/1 var(--mono);letter-spacing:.13em}.dashboard-eyebrow:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.dashboard-title{font-size:clamp(1.8rem,3vw,2.7rem);font-weight:560;letter-spacing:-.055em}.dashboard-description{max-width:700px;margin-top:9px;color:#77777f;font-size:.82rem;line-height:1.65}.dashboard-actions{display:flex;flex-wrap:wrap;gap:8px}
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.dashboard-metric{position:relative;min-height:160px;padding:18px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(150deg,rgba(255,255,255,.03),rgba(255,255,255,.004)),#0b0b0d;overflow:hidden;transition:.2s var(--ease)}.dashboard-metric:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.12)}.dashboard-metric:after{content:"";position:absolute;right:-70px;top:-80px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.045),transparent 68%)}.dashboard-metric.is-accent:after{background:radial-gradient(circle,rgba(215,255,63,.11),transparent 68%)}.dashboard-metric-label{position:relative;z-index:1;display:flex;justify-content:space-between;color:#73737b;font-size:.67rem;font-weight:620}.dashboard-metric-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.02)}.dashboard-metric-value{position:relative;z-index:1;margin-top:20px;font-size:clamp(2rem,3vw,2.7rem);font-weight:550;line-height:1;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.dashboard-metric-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin-top:14px}.dashboard-metric-meta{font-size:.65rem;color:var(--sub)}
.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.012);overflow:hidden}.summary-strip-item{padding:14px 16px;border-right:1px solid rgba(255,255,255,.045)}.summary-strip-item:last-child{border:0}.summary-strip-label{font-size:.61rem;color:var(--sub)}.summary-strip-value{margin-top:5px;font:.53rem  var(--mono);font-size:.78rem;color:#c6c6cb}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px}.dashboard-grid-equal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-column{display:flex;flex-direction:column;gap:16px;min-width:0}.dashboard-card{position:relative;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.02),rgba(255,255,255,.003)),rgba(11,11,13,.95);overflow:hidden}.dashboard-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.045)}.dashboard-card-title{font-size:.88rem;font-weight:600;color:var(--soft)}.dashboard-card-subtitle{margin-top:4px;font-size:.66rem;color:var(--sub)}.dashboard-card-body{padding:20px}.dashboard-card-body-flush{padding:0}.dashboard-card-footer{display:flex;justify-content:space-between;gap:12px;padding:13px 20px;border-top:1px solid rgba(255,255,255,.045);color:var(--sub);font-size:.65rem}
.campaign-list,.play-list,.station-list{display:flex;flex-direction:column}.campaign-item{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.045)}.campaign-item:last-child{border:0}.campaign-item:hover,.play-item:hover,.station-item:hover{background:rgba(255,255,255,.014)}.campaign-item-header{display:flex;justify-content:space-between;gap:14px}.campaign-name{font-size:.79rem;font-weight:580;color:var(--soft)}.campaign-client{margin-top:3px;color:var(--sub);font-size:.64rem}.campaign-progress{margin-top:14px}.campaign-progress-meta{display:flex;justify-content:space-between;margin-bottom:7px;color:var(--sub);font-size:.63rem}.campaign-progress-value{font-family:var(--mono)}.play-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid rgba(255,255,255,.045)}.play-item:last-child{border:0}.play-status{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(215,255,63,.11);border-radius:9px;background:rgba(215,255,63,.04)}.play-status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 7px var(--accent)}.play-main{min-width:0}.play-spot{color:#cfcfd3;font-size:.74rem;font-weight:570;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:3px;color:var(--sub);font-size:.61rem}.play-time{font:.61rem/1 var(--mono);color:#707077}.station-item{display:flex;align-items:center;gap:11px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.045)}.station-logo{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:#111113;color:var(--sub);overflow:hidden}.station-logo img{width:100%;height:100%;object-fit:cover}.station-main{flex:1;min-width:0}.station-name{font-size:.72rem;color:#c6c6cb}.station-meta{margin-top:2px;font-size:.61rem;color:var(--sub)}.station-status{display:flex;align-items:center;gap:6px;font:.58rem/1 var(--mono);color:var(--sub)}.station-status-dot{width:5px;height:5px;border-radius:50%;background:var(--sub)}.station-status.is-online .station-status-dot{background:var(--success);box-shadow:0 0 7px rgba(115,230,167,.5)}.station-status.is-warning .station-status-dot{background:var(--warning)}.station-status.is-offline .station-status-dot{background:var(--danger)}
.live-indicator{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font:620 .59rem/1 var(--mono);letter-spacing:.06em}.live-indicator-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quick-action{display:flex;flex-direction:column;gap:12px;min-height:112px;padding:14px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.012);transition:.18s}.quick-action:hover{transform:translateY(-2px);border-color:var(--border2)}.quick-action-title{font-size:.72rem;font-weight:580;color:var(--soft)}.quick-action-copy{margin-top:3px;font-size:.61rem;color:var(--sub)}.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.report-card{min-height:145px;padding:15px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.012)}.report-card:hover{border-color:var(--border2)}.report-card-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(215,255,63,.12);border-radius:8px;background:rgba(215,255,63,.04);color:var(--accent)}.report-card-title{margin-top:14px;font-size:.72rem;font-weight:580}.report-card-copy{margin-top:4px;font-size:.61rem;color:var(--sub)}.client-summary{display:flex;align-items:center;gap:13px}.client-summary-logo{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.02);overflow:hidden}.client-summary-logo img{width:100%;height:100%;object-fit:cover}.client-summary-main{flex:1}.client-summary-name{font-size:.82rem;font-weight:590}.client-summary-meta{margin-top:3px;font-size:.63rem;color:var(--sub)}
.chart-wrap{position:relative;min-height:260px}.chart-wrap canvas{width:100%!important;height:260px!important}.chart-summary{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.chart-summary-value{font-size:1.7rem;font-weight:570;letter-spacing:-.05em}.chart-summary-label{margin-top:4px;font-size:.62rem;color:var(--sub)}
.detail-header{display:flex;justify-content:space-between;gap:20px;padding:20px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.012)}.detail-header-title{font-size:1.3rem;font-weight:580}.detail-header-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:7px;color:var(--sub);font-size:.65rem}.detail-header-actions{display:flex;gap:8px}.mobile-nav{display:none}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.page-toolbar-search{width:min(420px,100%)}
@media(max-width:1280px){:root{--sidebar-width:240px}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-strip-item:nth-child(2){border-right:0}.summary-strip-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.045)}}
@media(max-width:1024px){.dashboard-shell{display:block}.sidebar{position:fixed;left:0;top:0;z-index:500;width:min(84vw,290px);transform:translateX(-103%);transition:.25s var(--ease);box-shadow:30px 0 70px rgba(0,0,0,.45)}.sidebar.is-open{transform:none}.sidebar-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.02);color:var(--muted);font-size:20px}.topbar-mobile-toggle{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.02);color:var(--muted)}.dashboard-grid,.dashboard-grid-equal{grid-template-columns:1fr}.dashboard-content{padding:24px 20px 82px}.dashboard-header{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){:root{--header-height:66px}.topbar{padding:0 14px}.topbar-status{display:none}.dashboard-content{padding:18px 12px 86px}.dashboard-metrics{grid-template-columns:1fr;gap:10px}.dashboard-metric{min-height:142px}.dashboard-title{font-size:1.8rem}.summary-strip{grid-template-columns:1fr}.summary-strip-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.045)}.quick-actions,.report-grid{grid-template-columns:1fr}.play-item{grid-template-columns:auto minmax(0,1fr)}.play-time{grid-column:2}.detail-header{flex-direction:column}.mobile-nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:400;display:grid;grid-template-columns:repeat(4,1fr);min-height:60px;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(10,10,11,.93);backdrop-filter:blur(20px);box-shadow:0 18px 50px rgba(0,0,0,.4)}.mobile-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:11px;color:var(--sub);font-size:.8rem}.mobile-nav-link small{font-size:.54rem}.mobile-nav-link.is-active{background:rgba(215,255,63,.06);color:var(--accent)}.page-toolbar{align-items:stretch;flex-direction:column}.dashboard-card-header{padding:15px 16px}.dashboard-card-body{padding:16px}.campaign-item,.play-item,.station-item{padding-left:16px;padding-right:16px}}