/* 7TH BREED operations dashboard — inspired by the supplied analytics reference. */
#dashboard-view{--ref-blue:#2563eb;--ref-cyan:#16c7d9;--ref-violet:#6258e8;--ref-page:#f4f7fb;--ref-card:#fff;--ref-line:#e9eef6;--ref-ink:#18243a;--ref-muted:#7b8aa0;--ref-shadow:0 10px 34px rgba(26,45,83,.065);--ref-shadow-hover:0 20px 44px rgba(26,45,83,.12)}
html.dark #dashboard-view{--ref-page:#081221;--ref-card:#101d31;--ref-line:#243550;--ref-ink:#edf5ff;--ref-muted:#98a9c2;--ref-shadow:0 12px 36px rgba(0,0,0,.24);--ref-shadow-hover:0 22px 50px rgba(0,0,0,.38)}
#dashboard-view.shell:not(.hidden){grid-template-columns:224px minmax(0,1fr)!important;background:var(--ref-page)!important}
#dashboard-view .sidebar{width:224px!important;min-width:224px!important;padding:25px 14px 17px!important;border-color:var(--ref-line)!important;background:var(--ref-card)!important}
#dashboard-view .sidebar-brand{margin-bottom:31px!important}
#dashboard-view .sidebar-brand img{width:38px!important;height:38px!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(37,99,235,.12)}
#dashboard-view .sidebar-section-label{padding-inline:13px!important;font-size:9px!important;letter-spacing:.16em!important}
#dashboard-view .sidebar .nav-item{position:relative;min-height:39px!important;border-radius:11px!important;color:var(--ref-muted)!important;transition:color .2s ease,background-color .2s ease,transform .2s ease!important}
#dashboard-view .sidebar .nav-item:hover{transform:translateX(2px)!important}
#dashboard-view .sidebar .nav-item.active{background:linear-gradient(100deg,rgba(37,99,235,.11),rgba(22,199,217,.07))!important;color:var(--ref-blue)!important}
#dashboard-view .sidebar .nav-item.active::after{content:"";position:absolute;right:-14px;top:8px;bottom:8px;width:3px;border-radius:9px 0 0 9px;background:linear-gradient(180deg,var(--ref-blue),var(--ref-cyan));box-shadow:0 0 14px rgba(37,99,235,.34)}
#dashboard-view .sidebar .nav-item.active .nav-icon{filter:drop-shadow(0 4px 6px rgba(37,99,235,.22))}
#dashboard-view .main,#dashboard-view .main-inner{background:var(--ref-page)!important}
#dashboard-view .main-inner{width:100%!important;max-width:none!important;margin:0!important;padding:29px 34px 60px!important}
#dashboard-view .topbar{min-height:68px!important;border-color:var(--ref-line)!important;background:color-mix(in srgb,var(--ref-card) 92%,transparent)!important;backdrop-filter:blur(18px)!important}
#dashboard-view .topbar-inner{min-height:68px!important}
#dashboard-view .admin-search,#dashboard-view .notification-bell,#dashboard-view .profile-chip,#dashboard-view .theme-topbar-switch{border-color:var(--ref-line)!important;background:var(--ref-card)!important;box-shadow:0 5px 16px rgba(31,50,88,.035)!important}
#dashboard-view #tab-home:not(.hidden){display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(360px,.9fr)!important;gap:16px!important;align-items:start}
#dashboard-view #tab-home>.dashboard-overview-heading{grid-column:1/-1;margin-bottom:4px!important}
#dashboard-view #tab-home .overview-title{font-size:clamp(24px,2.3vw,34px)!important;letter-spacing:-.055em!important}
#dashboard-view #tab-home>.stats{grid-column:2;grid-row:2;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
#dashboard-view :is(#tab-home,#tab-hr) .stat{isolation:isolate;min-height:132px!important;padding:19px 48px 17px 18px!important;border:1px solid var(--ref-line)!important;border-radius:18px!important;background:var(--ref-card)!important;box-shadow:var(--ref-shadow)!important;overflow:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease!important}
#dashboard-view :is(#tab-home,#tab-hr) .stat:hover{transform:translateY(-4px)!important;border-color:rgba(37,99,235,.22)!important;box-shadow:var(--ref-shadow-hover)!important}
#dashboard-view :is(#tab-home,#tab-hr) .stat::before{display:none!important}
#dashboard-view :is(#tab-home,#tab-hr) .stat::after{content:""!important;display:block!important;position:absolute!important;z-index:-1!important;width:95px!important;height:95px!important;right:-31px!important;bottom:-39px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(37,99,235,.12),transparent 68%)!important}
#dashboard-view :is(#tab-home,#tab-hr) .stat-total{grid-column:1/-1;min-height:154px!important;background:linear-gradient(135deg,#285bea 0%,#3d76ee 38%,#18c4d8 100%)!important;border:0!important;color:#fff!important;box-shadow:0 20px 45px rgba(37,99,235,.22)!important}
#dashboard-view :is(#tab-home,#tab-hr) .stat-total::after{width:210px!important;height:210px!important;right:-65px!important;bottom:-105px!important;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 65%)!important}
#dashboard-view :is(#tab-home,#tab-hr) .stat-total .stat-label{color:var(--ref-muted,#66758b)!important}#dashboard-view :is(#tab-home,#tab-hr) .stat-total .stat-value{color:var(--ref-ink,#202b40)!important}
#dashboard-view :is(#tab-home,#tab-hr) .stat-total .stat-value{font-size:38px!important}
#dashboard-view :is(#tab-home,#tab-hr) .stat-total .stat-icon{background:rgba(255,255,255,.18)!important;color:#fff!important;backdrop-filter:blur(8px)}
#dashboard-view :is(#tab-home,#tab-hr) .stat-label{font-size:10px!important;text-transform:uppercase;letter-spacing:.08em!important}
#dashboard-view :is(#tab-home,#tab-hr) .stat-value{margin-top:15px!important;font-size:clamp(19px,1.7vw,28px)!important;font-variant-numeric:tabular-nums}
#dashboard-view :is(#tab-home,#tab-hr) .stat-icon{top:15px!important;right:14px!important;width:31px!important;height:31px!important;border-radius:10px!important;background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(22,199,217,.13))!important}
#dashboard-view #tab-home>.analytics-grid{grid-column:1;grid-row:2;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin:0!important}
#dashboard-view #tab-home .chart-panel{min-height:262px!important;padding:22px!important;border:1px solid var(--ref-line)!important;border-radius:19px!important;background:var(--ref-card)!important;box-shadow:var(--ref-shadow)!important;transition:transform .28s ease,box-shadow .28s ease!important}
#dashboard-view #tab-home .chart-panel:hover{transform:translateY(-2px)!important;box-shadow:var(--ref-shadow-hover)!important}
#dashboard-view #tab-home .chart-panel-wide{grid-column:1/-1;min-height:338px!important}
#dashboard-view #tab-home .svg-chart .trend-line{stroke:var(--ref-violet)!important;filter:drop-shadow(0 6px 7px rgba(98,88,232,.2))}
#dashboard-view #tab-home .svg-chart .trend-point{stroke:var(--ref-violet)!important}
#dashboard-view #tab-home .service-donut{filter:drop-shadow(0 10px 14px rgba(37,99,235,.13))}
#dashboard-view #tab-home>.attention-panel{grid-column:1;grid-row:3}
#dashboard-view #tab-home>.pending-transactions-panel{grid-column:2;grid-row:3}
#dashboard-view #tab-home>.attention-panel,#dashboard-view #tab-home>.pending-transactions-panel{min-height:195px!important;border:1px solid var(--ref-line)!important;border-radius:19px!important;background:var(--ref-card)!important;box-shadow:var(--ref-shadow)!important}
#dashboard-view #tab-home>.home-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
#dashboard-view #tab-home>.home-grid>.panel{border:1px solid var(--ref-line)!important;border-radius:19px!important;background:var(--ref-card)!important;box-shadow:var(--ref-shadow)!important}
#dashboard-view #tab-home>.home-grid>.activity-panel{grid-column:span 2}
#dashboard-view .tab-panel:not(.hidden){animation:refPanelIn .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes refPanelIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
.ref-quick-action{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 13px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--ref-blue),#416fe9);color:#fff;font:700 12px/1 'DM Sans','Segoe UI',sans-serif;box-shadow:0 9px 22px rgba(37,99,235,.22);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.ref-quick-action:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(37,99,235,.3)}.ref-quick-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.ref-command-backdrop{position:fixed;inset:0;z-index:12000;display:grid;place-items:start center;padding:12vh 18px 24px;background:rgba(6,13,28,.52);backdrop-filter:blur(7px);animation:refFade .18s ease both}.ref-command{width:min(560px,100%);overflow:hidden;border:1px solid var(--ref-line);border-radius:20px;background:var(--ref-card);color:var(--ref-ink);box-shadow:0 34px 90px rgba(3,10,28,.32);animation:refCommandIn .25s cubic-bezier(.2,.8,.2,1) both}.ref-command header{display:flex;align-items:center;justify-content:space-between;padding:18px 19px;border-bottom:1px solid var(--ref-line)}.ref-command h2{margin:0;font-size:17px}.ref-command header button{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ref-line);border-radius:9px;background:transparent;color:inherit;cursor:pointer}.ref-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:15px}.ref-command-grid button{display:flex;align-items:center;gap:11px;min-height:62px;padding:12px;border:1px solid var(--ref-line);border-radius:13px;background:color-mix(in srgb,var(--ref-card) 94%,var(--ref-blue));color:inherit;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.ref-command-grid button:hover,.ref-command-grid button:focus-visible{transform:translateY(-2px);border-color:rgba(37,99,235,.35);background:color-mix(in srgb,var(--ref-card) 88%,var(--ref-blue))}.ref-command-grid i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(37,99,235,.1);color:var(--ref-blue);font-style:normal;font-weight:800}.ref-command-grid span{display:grid;gap:3px;font-weight:750}.ref-command-grid small{color:var(--ref-muted);font-size:10px;font-weight:500}@keyframes refFade{from{opacity:0}to{opacity:1}}@keyframes refCommandIn{from{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1180px){#dashboard-view #tab-home:not(.hidden){grid-template-columns:minmax(0,1fr)!important}#dashboard-view #tab-home>.stats,#dashboard-view #tab-home>.analytics-grid,#dashboard-view #tab-home>.attention-panel,#dashboard-view #tab-home>.pending-transactions-panel{grid-column:1!important;grid-row:auto!important}#dashboard-view #tab-home>.stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}#dashboard-view :is(#tab-home,#tab-hr) .stat-total{grid-column:auto}}
@media(max-width:760px){#dashboard-view.shell:not(.hidden){display:block!important}#dashboard-view .main-inner{padding:20px 15px 42px!important}#dashboard-view #tab-home>.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}#dashboard-view :is(#tab-home,#tab-hr) .stat-total{grid-column:1/-1}#dashboard-view #tab-home>.analytics-grid,#dashboard-view #tab-home>.home-grid{grid-template-columns:minmax(0,1fr)!important}#dashboard-view #tab-home .chart-panel-wide,#dashboard-view #tab-home>.home-grid>.activity-panel{grid-column:auto}.ref-quick-action{width:40px;padding:0;justify-content:center}.ref-quick-action span{display:none}}
@media(max-width:470px){#dashboard-view #tab-home>.stats{grid-template-columns:minmax(0,1fr)!important}#dashboard-view :is(#tab-home,#tab-hr) .stat-total{grid-column:auto}.ref-command-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#dashboard-view .tab-panel:not(.hidden),.ref-command-backdrop,.ref-command{animation:none!important}#dashboard-view #tab-home .stat,#dashboard-view #tab-home .chart-panel,.ref-quick-action,.ref-command-grid button{transition:none!important}}