:root{--color-bg:#16314f;--color-surface:#fff;--color-primary:#204474;--color-secondary:#7f2f7d;--color-text:#1e293b;--color-muted:#64748b;--color-border:#e2e8f0;--gradient-brand:linear-gradient(135deg,#204474,#4a3a8f 50%,#7f2f7d);--gradient-brand-soft:linear-gradient(135deg,rgba(32,68,116,.08),rgba(127,47,125,.08))}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--color-text);background:var(--gradient-brand-soft),#f4f6fb;background-attachment:fixed}a{color:var(--color-primary)}.app-shell{display:flex;min-height:100vh;flex-direction:row}.sidebar{width:230px;flex-shrink:0;background:var(--gradient-brand);color:#fff;display:flex;flex-direction:column;padding:1rem .75rem;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;z-index:30;transition:width .2s ease,padding .2s ease}.sidebar.collapsed{width:56px;padding:1rem .35rem}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-link{justify-content:center;padding:.6rem;gap:0}.sidebar.collapsed .chevron,.sidebar.collapsed .nav-badge,.sidebar.collapsed .nav-submenu{display:none}.sidebar.collapsed .brand{align-items:center;padding:0 0 1rem}.sidebar.collapsed .brand-logo{display:none}.sidebar.collapsed .brand-top-row{justify-content:center;width:100%}.sidebar.collapsed .sidebar-user{align-items:center}.sidebar.collapsed .sidebar-user .btn.secondary{padding:.45rem;justify-content:center;gap:0}.brand-top-row{display:flex;align-items:center;width:100%;gap:.5rem}.sidebar-collapse-btn{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:5px;flex-shrink:0;margin-left:auto;transition:background .15s,border-color .15s}.sidebar-collapse-btn:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.6)}.sidebar.collapsed .sidebar-collapse-btn{margin-left:0}@media (max-width:880px){.sidebar-collapse-btn{display:none}}.sidebar .brand{display:flex;align-items:center;gap:.5rem;padding:0 .5rem 1rem}.logo-badge{display:inline-flex;align-items:center;background:#fff;border-radius:6px;padding:.2rem .4rem;line-height:0}.mobile-topbar .logo-badge img,.sidebar .brand img{height:24px;width:auto;display:block}.sidebar nav{display:flex;flex-direction:column;gap:.15rem}.nav-link{display:flex;align-items:center;gap:.55rem;color:#dbe4f5;text-decoration:none;font-size:.9rem;padding:.6rem;border-radius:6px;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;font-family:inherit}.nav-link:hover{background:hsla(0,0%,100%,.12);color:#fff}.nav-link.active{background:hsla(0,0%,100%,.2);color:#fff;font-weight:600}.nav-link svg{flex-shrink:0}.nav-group-toggle{justify-content:flex-start}.nav-group-toggle .chevron{margin-left:auto;display:inline-flex}.nav-group-toggle .chevron.open svg{transform:rotate(180deg)}.row-count{color:#64748b;font-size:.85rem;margin:.25rem 0 .75rem}.nav-badge{margin-left:auto;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;border-radius:999px;padding:.05rem .45rem;min-width:18px;text-align:center}.nav-submenu{display:flex;flex-direction:column;gap:.1rem;padding-left:1.4rem;margin-bottom:.2rem}.nav-sublink{font-size:.84rem;padding:.45rem .6rem}.hamburger-btn:focus-visible,.nav-link:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #fbbf24;outline-offset:2px}.sidebar-user{margin-top:auto;padding-top:1rem;display:flex;flex-direction:column;gap:.5rem;font-size:.8rem;border-top:1px solid hsla(0,0%,100%,.2)}.mobile-topbar{display:none}.hamburger-btn{background:transparent;border:1px solid hsla(0,0%,100%,.5);color:#fff;border-radius:6px;padding:.4rem .6rem;font-size:1.1rem;cursor:pointer}.sidebar-backdrop{display:none}.content{flex:1 1;min-width:0;padding:1rem;max-width:1100px;width:100%;margin:0 auto}@media (max-width:880px){.app-shell{flex-direction:column}.mobile-topbar{display:flex;align-items:center;gap:.75rem;background:var(--gradient-brand);color:#fff;padding:.6rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:35}.mobile-topbar .brand-text{font-weight:700}.sidebar{position:fixed;top:0;left:0;height:100vh;transform:translateX(-100%);transition:transform .2s ease-in-out}.sidebar.open{transform:translateX(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:25}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1rem;margin-bottom:1rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:.75rem;gap:.75rem}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1rem;text-align:center}.kpi-card .value{font-size:1.8rem;font-weight:700;color:var(--color-primary)}.kpi-card .label{font-size:.8rem;color:var(--color-muted)}table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:8px;overflow:hidden}td,th{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--color-border);font-size:.9rem}thead th{background:var(--gradient-brand-soft);color:var(--color-primary);font-size:.8rem;text-transform:uppercase;letter-spacing:.02em;border-bottom:2px solid var(--color-border)}table.striped tbody tr:nth-child(2n){background:#f8fafc}table.striped tbody tr:hover{background:var(--gradient-brand-soft)}.filter-bar label{font-size:.78rem;color:var(--color-muted);display:block;margin-bottom:.2rem}.units-cards{display:none}@media (max-width:720px){table.units-table{display:none}.units-cards{display:block}}.unit-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:.75rem;margin-bottom:.5rem}button,input,select,textarea{font-family:inherit;font-size:.95rem}input,select,textarea{padding:.5rem;border:1px solid var(--color-border);border-radius:6px;width:100%;background:#fff;color:var(--color-text)}select{cursor:pointer}select:hover{border-color:var(--color-primary)}button.btn{background:var(--gradient-brand);color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer}button.btn:disabled{opacity:.6;cursor:default}button.btn.secondary{background:#fff;color:var(--color-primary);border:1px solid var(--color-primary)}button.icon-btn{background:#fff;color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}button.icon-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}button.icon-btn.danger:hover{border-color:#dc2626;color:#dc2626}button.menu-item:hover{background:var(--gradient-brand-soft)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.75rem;gap:.75rem}.timeline-item{border-left:3px solid var(--color-primary);padding-left:.75rem;margin-bottom:1rem}.badge{display:inline-block;padding:.2rem .7rem;border-radius:999px;background:var(--gradient-brand-soft);border:1px solid rgba(32,68,116,.25);color:var(--color-primary);font-size:.72rem;font-weight:600;letter-spacing:.01em;white-space:nowrap}.badge-success{background:linear-gradient(135deg,#16a34a,#4ade80)}.badge-success,.badge-warning{border-color:transparent;color:#fff}.badge-warning{background:linear-gradient(135deg,#d97706,#fbbf24)}.badge-danger{background:linear-gradient(135deg,#b91c1c,#f87171)}.badge-danger,.badge-info{border-color:transparent;color:#fff}.badge-info{background:var(--gradient-brand)}.badge-neutral{background:#e2e8f0;border-color:transparent;color:var(--color-muted)}.badge-purple{background:linear-gradient(135deg,#7c3aed,#c084fc)}.badge-purple,.badge-teal{border-color:transparent;color:#fff}.badge-teal{background:linear-gradient(135deg,#0d9488,#5eead4)}.badge-orange{background:linear-gradient(135deg,#c2410c,#fb923c)}.badge-orange,.badge-pink{border-color:transparent;color:#fff}.badge-pink{background:linear-gradient(135deg,#be185d,#f472b6)}.badge-indigo{background:linear-gradient(135deg,#4338ca,#818cf8);border-color:transparent;color:#fff}.kpi-card .value{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.error-text{color:#b91c1c;font-size:.85rem}.row-view-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--gradient-brand-soft);text-decoration:none;font-size:1rem}.row-view-link:focus-visible,.row-view-link:hover{background:var(--gradient-brand);filter:none}.row-view-link svg,.row-view-link-inline svg{color:var(--color-primary)}.row-view-link:focus-visible svg,.row-view-link:hover svg{color:#fff}.row-view-link-inline{display:inline-flex;align-items:center;gap:.3rem;text-decoration:none}.page-header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.filter-toggle-btn{display:inline-flex;align-items:center;gap:.4rem}.login-shell{min-height:100vh;display:flex;flex-direction:row;background:#f4f6fb}.login-left{width:60%;background:var(--gradient-brand);color:#fff;flex-direction:column;padding:3rem 2.5rem}.login-left,.login-right{display:flex;align-items:center;justify-content:center}.login-right{width:40%;background:#fff;padding:2rem}@media (max-width:880px){.login-left{display:none}.login-right{width:100%;background:#f4f6fb;padding:2rem 1.25rem}}.bulk-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.bulk-modal{background:var(--color-surface);border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px rgba(0,0,0,.35)}.bulk-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 0}.bulk-modal-tabs{display:flex;gap:0;padding:0 1.5rem;margin-top:1rem;border-bottom:2px solid var(--color-border)}.bulk-modal-tab{padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;background:transparent;color:var(--color-muted);cursor:pointer;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;font-family:inherit}.bulk-modal-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.bulk-modal-body{padding:1.25rem 1.5rem 1.5rem}[data-theme=dark]{--color-surface:#1e293b;--color-text:#e2e8f0;--color-muted:#94a3b8;--color-border:#334155;--gradient-brand-soft:linear-gradient(135deg,rgba(32,68,116,.25),rgba(127,47,125,.25))}[data-theme=dark] body{background:#0f172a;color:var(--color-text)}[data-theme=dark] .card,[data-theme=dark] .kpi-card,[data-theme=dark] .unit-card{background:#1e293b;border-color:#334155}[data-theme=dark] table{background:#1e293b}[data-theme=dark] thead th{background:rgba(32,68,116,.3);color:#93c5fd}[data-theme=dark] td,[data-theme=dark] th,[data-theme=dark] thead th{border-bottom-color:#334155}[data-theme=dark] table.striped tbody tr:nth-child(2n){background:#253249}[data-theme=dark] table.striped tbody tr:hover{background:rgba(32,68,116,.35)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#1e293b;color:#e2e8f0;border-color:#334155}[data-theme=dark] button.btn.secondary{background:#1e293b;color:#93c5fd;border-color:#3b82f6}[data-theme=dark] button.icon-btn{background:#1e293b;color:#e2e8f0;border-color:#334155}[data-theme=dark] .row-view-link{background:rgba(32,68,116,.35)}[data-theme=dark] .row-view-link svg,[data-theme=dark] a{color:#93c5fd}[data-theme=dark] .badge-neutral{background:#334155;color:#94a3b8}.db-kpi-strip{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.db-kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:.85rem .85rem .75rem;display:flex;flex-direction:column;gap:.3rem}.db-kpi-value{font-size:1.75rem;font-weight:700;line-height:1;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.db-kpi-label{font-size:.75rem;color:var(--color-muted);font-weight:600;line-height:1.2}.db-kpi-sub{font-size:.7rem;color:var(--color-muted);opacity:.75}.db-grid{grid-template-columns:1fr 1fr;grid-gap:1rem}.db-grid,.db-grid-3{display:grid;gap:1rem;margin-bottom:1rem}.db-grid-3{grid-template-columns:1fr 2fr 1fr;grid-gap:1rem}.db-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1rem 1rem .75rem}.db-card h3{font-size:.72rem;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .75rem}@media (max-width:1100px){.db-grid-3{grid-template-columns:1fr 1fr}.db-grid-3>.db-card:last-child{grid-column:1/-1}}@media (max-width:880px){.db-kpi-strip{grid-template-columns:repeat(3,1fr)}.db-grid,.db-grid-3{grid-template-columns:1fr}}@media (max-width:480px){.db-kpi-strip{grid-template-columns:repeat(2,1fr)}}[data-theme=dark] .db-card,[data-theme=dark] .db-kpi-card{background:#1e293b;border-color:#334155}.chart-card{position:relative}.chart-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.chart-card-header h3{margin:0;flex:1 1}.chart-card-actions{display:flex;gap:3px;flex-shrink:0;opacity:0;transition:opacity .15s}.chart-card:hover .chart-card-actions{opacity:1}.chart-action-btn{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-surface);color:var(--color-muted);cursor:pointer;font-size:.7rem;font-weight:600;line-height:1;white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.chart-action-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.chart-fullscreen-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:900;padding:1.5rem}.chart-fullscreen-content{background:var(--color-surface);border-radius:12px;padding:1.5rem;width:min(1200px,95vw);max-height:92vh;overflow-y:auto;box-shadow:0 24px 64px rgba(0,0,0,.35)}.chart-fullscreen-title{font-size:.72rem;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;margin:0;flex:1 1}[data-theme=dark] .chart-action-btn{background:#1e293b;border-color:#334155;color:#94a3b8}[data-theme=dark] .chart-action-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}[data-theme=dark] .chart-fullscreen-content{background:#1e293b;border:1px solid #334155}