:root{--background:#fff;--foreground:#172033;--card:#fff;--card-foreground:#09090b;--popover:#fff;--popover-foreground:#09090b;--primary:#18181b;--primary-foreground:#fafafa;--secondary:#f1f5f9;--secondary-foreground:#18181b;--muted:#f4f4f5;--muted-foreground:#64748b;--accent:#f4f4f5;--accent-foreground:#18181b;--destructive:#ef4444;--destructive-foreground:#fafafa;--border:#e2e8f0;--input:#e2e8f0;--ring:#2453e8;--radius:.75rem;--bg-canvas:#f8fafc;--bg-surface:#fff;--bg-subtle:#f8fafc;--bg-muted:#f1f5f9;--ink-900:#172033;--ink-700:#334155;--ink-500:#64748b;--ink-400:#94a3b8;--line:#e2e8f0;--line-subtle:#f1f5f9;--royal:#2453e8;--royal-hover:#1b43c4;--royal-mid:#3b82f6;--royal-soft:#eaf0ff;--orange:var(--royal);--orange-hover:var(--royal-hover);--orange-soft:var(--royal-soft);--green:#10b981;--green-ink:#047857;--green-soft:#ecfdf5;--red:#ef4444;--red-ink:#b91c1c;--red-soft:#fef2f2;--pink-tag-bg:#fdf2f8;--pink-tag-ink:#be185d;--purple-tag-bg:#f5f3ff;--purple-tag-ink:#6d28d9;--amber-tag-bg:#fffbeb;--amber-tag-ink:#b45309;--radius-xl:16px;--radius-lg:12px;--radius-md:10px;--radius-sm:8px;--line-strong:#cbd5e1;--primary-hover:#27272a;--royal-line:#c9d6fb;--green-line:#a7f3d0;--amber-line:#fde68a;--red-line:#fecaca;--rail-w:244px;--page-bg:#f5f7fb;--shadow-card:0 1px 2px #1720330a, 0 10px 28px -14px #1720331f;--a-blue:#2453e8;--a-green:#10b981;--a-purple:#8b5cf6;--a-orange:#f59e0b;--t-blue-bg:#eaf0ff;--t-blue:#2453e8;--t-green-bg:#e6f7f0;--t-green:#0b8f63;--t-orange-bg:#fef3e2;--t-orange:#b45309;--t-red-bg:#fdecec;--t-red:#c62828;--t-purple-bg:#f1ecfe;--t-purple:#6d3fd6;--t-pink-bg:#fdeaf4;--t-pink:#be185d;--t-slate-bg:#f1f5f9;--t-slate:#475569;--shadow-xs:0 1px 2px 0 #09090b0a;--shadow-sm:0 1px 3px 0 #09090b0f, 0 1px 2px -1px #09090b0a;--shadow-md:0 8px 20px -6px #09090b14, 0 2px 6px -2px #09090b0a;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-standard:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--background);min-height:100vh;color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.num{font-variant-numeric:tabular-nums}@keyframes shadcn-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shadcn-scale-in{0%{opacity:0;transform:scale(.985)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-view{animation:shadcn-fade-up .34s var(--ease-out-expo) both}.wis-shell{grid-template-columns:var(--rail-w) minmax(0, 1fr);background:var(--background);min-height:100vh;transition:grid-template-columns .22s var(--ease-out-expo);display:grid}.wis-shell.rail-collapsed{--rail-w:76px}.wis-rail{background:var(--card);border-right:1px solid var(--border);z-index:30;flex-direction:column;justify-content:space-between;gap:12px;height:100vh;padding:14px 12px;display:flex;position:sticky;top:0;overflow:hidden}.rail-top,.rail-bottom{flex-direction:column;gap:4px;min-height:0;display:flex}.rail-top{scrollbar-width:thin;flex:1;overflow-y:auto}.rail-brand{color:var(--foreground);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;margin-bottom:8px;padding:6px;display:flex}.rail-brand:hover{background:var(--secondary)}.rail-brand img{object-fit:cover;border:1px solid var(--border);border-radius:50%;flex:none;width:36px;height:36px}.rail-brand-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.rail-brand-text strong{letter-spacing:-.01em;font-size:14px;font-weight:800}.rail-brand-text span{color:var(--muted-foreground);font-size:11px}.rail-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-400);padding:10px 10px 4px;font-size:10.5px;font-weight:700}.rail-item{border-radius:var(--radius-md);width:100%;min-height:40px;color:var(--muted-foreground);text-align:left;cursor:pointer;transition:background-color .16s var(--ease-out-expo), color .16s var(--ease-out-expo);background:0 0;border:none;align-items:center;gap:12px;padding:0 12px;font-size:13.5px;font-weight:600;display:flex;position:relative}.rail-item svg{flex:none}.rail-item:hover{background:var(--secondary);color:var(--foreground)}.rail-item.active{background:var(--royal-soft);color:var(--royal)}.rail-item.active:before{content:"";background:var(--royal);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-12px}.rail-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.rail-count{background:var(--secondary);min-width:22px;color:var(--ink-700);text-align:center;border-radius:999px;flex:none;padding:1px 7px;font-size:11px;font-weight:700}.rail-item.active .rail-count{background:var(--royal);color:#fff}.rail-user{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-canvas);align-items:center;gap:10px;min-width:0;margin-top:4px;padding:10px;display:flex}.rail-avatar{background:var(--royal);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.rail-user-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.rail-user-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.rail-user-text span{color:var(--muted-foreground);font-size:11px}.wis-shell.rail-collapsed .rail-brand-text,.wis-shell.rail-collapsed .rail-label,.wis-shell.rail-collapsed .rail-count,.wis-shell.rail-collapsed .rail-section-label,.wis-shell.rail-collapsed .rail-user-text{display:none}.wis-shell.rail-collapsed .rail-item,.wis-shell.rail-collapsed .rail-brand{justify-content:center;padding-inline:0}.wis-shell.rail-collapsed .rail-user{background:0 0;border:none;justify-content:center;padding:8px 0}.wis-shell.rail-collapsed .rail-item.active:before{left:-12px}@media (width<=1100px) and (width>=681px){.wis-shell{--rail-w:76px}.rail-brand-text,.rail-label,.rail-count,.rail-section-label,.rail-user-text,.rail-collapse{display:none}.rail-item,.rail-brand{justify-content:center;padding-inline:0}.rail-user{background:0 0;border:none;justify-content:center;padding:8px 0}}.wis-main{flex-direction:column;gap:18px;width:100%;min-width:0;max-width:1480px;margin:0 auto;padding:24px 32px 48px;display:flex}.wis-topbar{animation:shadcn-fade-up .26s var(--ease-out-expo) both;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:4px;display:flex}.wis-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);align-items:center;gap:8px;margin-bottom:4px;font-size:11px;font-weight:600;display:flex}.wis-greeting{letter-spacing:-.025em;color:var(--foreground);flex-wrap:wrap;align-items:center;gap:10px;font-size:27px;font-weight:700;line-height:1.15;display:flex}.wis-top-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-orange-new{background:var(--royal);color:#fff;cursor:pointer;transition:background-color .18s var(--ease-out-expo), transform .16s var(--ease-out-expo), box-shadow .18s var(--ease-out-expo);border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;padding:8px 16px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #1d3fd83d}.btn-orange-new:hover{background:var(--royal-hover);transform:translateY(-1px);box-shadow:0 4px 12px #1d3fd852}.btn-orange-new:active{transform:scale(.98)}.wis-module-strip{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.wis-module-tabs{background:var(--secondary);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px;padding:4px;display:inline-flex}.wis-tab{color:var(--muted-foreground);cursor:pointer;transition:background-color .18s var(--ease-out-expo), color .18s var(--ease-out-expo), box-shadow .18s var(--ease-out-expo), transform .15s var(--ease-out-expo);background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.wis-tab:hover{color:var(--foreground)}.wis-tab.active{background:var(--card);color:var(--foreground);border-color:var(--border);box-shadow:var(--shadow-xs)}.wis-tab-count{background:var(--card);color:var(--ink-700);border:1px solid var(--border);border-radius:999px;padding:1px 6px;font-size:11px;font-weight:700}.wis-tab.active .wis-tab-count{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.kpi-row-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);animation:shadcn-fade-up .38s var(--ease-out-expo) both;transition:transform .22s var(--ease-out-expo), box-shadow .22s var(--ease-out-expo), border-color .22s var(--ease-out-expo);flex-direction:column;justify-content:space-between;gap:12px;padding:18px 20px;display:flex}.kpi-card:first-child{animation-delay:20ms}.kpi-card:nth-child(2){animation-delay:65ms}.kpi-card:nth-child(3){animation-delay:.11s}.kpi-card:nth-child(4){animation-delay:.155s}.kpi-card:hover{box-shadow:var(--shadow-md);border-color:var(--line-strong);transform:translateY(-2px)}.kpi-label{color:var(--ink-700);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.kpi-info-dot{color:var(--muted-foreground);align-items:center;display:inline-flex}.kpi-value-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.kpi-big{letter-spacing:-.03em;color:var(--foreground);font-size:28px;font-weight:700;line-height:1.05}.kpi-unit{color:var(--muted-foreground);margin-left:5px;font-size:13px;font-weight:500}.kpi-forecast{color:var(--muted-foreground);font-size:12px;font-weight:500}.kpi-forecast b{color:var(--foreground);font-weight:700}.kpi-blue-progress{background:var(--secondary);border-radius:999px;width:100%;height:9px;margin:2px 0;overflow:hidden}.kpi-blue-progress>i{background:var(--royal);height:100%;transition:width .56s var(--ease-out-expo);border-radius:999px;display:block}.kpi-sparkline{width:100%;height:28px;display:block}.kpi-delta-row{color:var(--muted-foreground);align-items:center;gap:6px;font-size:12px;display:flex}.delta-pill{border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.delta-pill.up{background:var(--green-soft);color:var(--green-ink)}.delta-pill.down{background:var(--red-soft);color:var(--red-ink)}.split-row-2{grid-template-columns:1.12fr 1fr;gap:16px;display:grid}.surface-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);animation:shadcn-scale-in .34s var(--ease-out-expo) both;transition:box-shadow .22s var(--ease-out-expo), border-color .22s var(--ease-out-expo), transform .22s var(--ease-out-expo);flex-direction:column;gap:16px;padding:20px 22px;display:flex}.surface-card.is-interactive{cursor:pointer}.surface-card.is-interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.surface-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.surface-card-title{color:var(--foreground);letter-spacing:-.01em;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.shadcn-card-description{color:var(--muted-foreground);font-size:12.5px;line-height:1.45}.toggle-pill-group{background:var(--secondary);border:1px solid var(--border);border-radius:9px;align-items:center;gap:2px;padding:3px;display:inline-flex}.toggle-pill-btn{color:var(--muted-foreground);cursor:pointer;transition:background-color .18s var(--ease-out-expo), color .18s var(--ease-out-expo), box-shadow .18s var(--ease-out-expo);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.toggle-pill-btn:hover{color:var(--foreground)}.toggle-pill-btn.active{background:var(--royal-mid);color:#fff;box-shadow:var(--shadow-xs)}.growth-meta-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.growth-legend{color:var(--ink-700);align-items:center;gap:14px;font-size:12px;font-weight:600;display:flex}.legend-dot{border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.growth-date-range{color:var(--muted-foreground);align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.waterfall-grid{border:1px solid var(--border);background:linear-gradient(to bottom, var(--card) 0%, var(--bg-canvas) 100%);border-radius:10px;grid-template-columns:42px repeat(5,minmax(0,1fr));align-items:end;gap:12px;min-height:220px;padding:18px 14px 12px;display:grid}.waterfall-yaxis{height:165px;color:var(--ink-400);flex-direction:column;justify-content:space-between;padding-bottom:22px;font-size:11px;display:flex}.waterfall-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;height:190px;display:flex}.waterfall-bar-wrap{flex-direction:column;justify-content:flex-end;width:100%;max-width:78px;height:155px;display:flex;position:relative}.waterfall-bar{color:#fff;width:100%;transition:height .54s var(--ease-out-expo), transform .18s var(--ease-out-expo);border-radius:6px;justify-content:center;align-items:flex-start;padding-top:6px;font-size:11.5px;font-weight:700;display:flex;box-shadow:0 2px 4px #09090b14}.waterfall-col:hover .waterfall-bar{transform:scaleY(1.02)}.waterfall-bar.total{background:linear-gradient(#1d3fd8 0%,#1530b0 100%)}.waterfall-bar.increase{background:linear-gradient(#34d399 0%,#10b981 100%)}.waterfall-bar.decrease{background:linear-gradient(#f87171 0%,#ef4444 100%)}.waterfall-top-val{color:var(--ink-700);text-align:center;margin-bottom:4px;font-size:11.5px;font-weight:700}.waterfall-label{color:var(--muted-foreground);text-align:center;white-space:nowrap;font-size:11.5px;font-weight:500}.insights-stack{flex-direction:column;gap:12px;display:flex}.insight-item{border:1px solid var(--border);background:var(--bg-subtle);cursor:pointer;transition:border-color .18s var(--ease-out-expo), background-color .18s var(--ease-out-expo), transform .18s var(--ease-out-expo), box-shadow .18s var(--ease-out-expo);border-radius:10px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.insight-item:hover{border-color:var(--line-strong);background:var(--card);box-shadow:var(--shadow-sm);transform:translate(3px)}.insight-item-top{justify-content:space-between;align-items:center;display:flex}.insight-tag{border-radius:6px;align-items:center;gap:6px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.insight-tag.pink{background:var(--pink-tag-bg);color:var(--pink-tag-ink)}.insight-tag.purple{background:var(--purple-tag-bg);color:var(--purple-tag-ink)}.insight-tag.amber{background:var(--amber-tag-bg);color:var(--amber-tag-ink)}.insight-body{color:var(--ink-700);font-size:13px;line-height:1.5}.insight-num-chip{background:var(--secondary);border:1px solid var(--border);color:var(--foreground);border-radius:5px;align-items:center;gap:3px;margin:0 2px;padding:1px 6px;font-size:12px;font-weight:700;display:inline-flex}.table-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);animation:shadcn-fade-up .36s var(--ease-out-expo) both;overflow:hidden}.table-card-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.table-scroll{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead th{background:var(--bg-canvas);color:var(--muted-foreground);text-align:left;border-bottom:1px solid var(--border);border-right:1px solid var(--line-subtle);white-space:nowrap;padding:11px 18px;font-size:12px;font-weight:600}thead th:last-child{border-right:none}tbody tr{transition:background-color .14s var(--ease-out-expo)}tbody td{border-bottom:1px solid var(--line-subtle);border-right:1px solid var(--line-subtle);color:var(--ink-700);vertical-align:middle;padding:13px 18px}tbody td:last-child{border-right:none}tbody tr:hover{background:var(--bg-canvas)}tbody tr.row-total td{color:var(--foreground);background:var(--bg-subtle);font-weight:700}tbody tr.selected-row{background:var(--royal-soft)}.dist-trend-cell{justify-content:space-between;align-items:center;gap:12px;min-width:190px;display:flex}.input,.select{border-radius:var(--radius-sm);border:1px solid var(--input);background:var(--card);height:36px;color:var(--foreground);box-shadow:var(--shadow-xs);transition:border-color .16s var(--ease-out-expo), box-shadow .16s var(--ease-out-expo), background-color .16s var(--ease-out-expo);outline:none;padding:0 12px;font-size:12.5px;font-weight:500}.input:hover,.select:hover{border-color:var(--line-strong)}.input:focus,.select:focus{border-color:var(--ring);box-shadow:0 0 0 2px var(--background), 0 0 0 4px #1d3fd82e}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);height:36px;color:var(--ink-700);cursor:pointer;box-shadow:var(--shadow-xs);transition:background-color .16s var(--ease-out-expo), border-color .16s var(--ease-out-expo), color .16s var(--ease-out-expo), transform .14s var(--ease-out-expo), box-shadow .16s var(--ease-out-expo);justify-content:center;align-items:center;gap:6px;padding:0 13px;font-size:12.5px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:var(--secondary);color:var(--foreground);transform:translateY(-1px)}.btn:active:not(:disabled){transform:scale(.98)}.btn:focus-visible{box-shadow:0 0 0 2px var(--background), 0 0 0 4px #1d3fd838;outline:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary:hover:not(:disabled){background:var(--primary-hover);color:var(--primary-foreground)}.btn.destructive{background:var(--red-soft);border-color:var(--red-line);color:var(--red-ink)}.btn-sm{height:30px;padding:0 10px;font-size:11.5px}.btn-icon{width:32px;height:32px;padding:0}.badge{border:1px solid var(--border);background:var(--secondary);color:var(--ink-700);transition:background-color .16s var(--ease-out-expo);border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.badge.ok{background:var(--green-soft);border-color:var(--green-line);color:var(--green-ink)}.badge.warn{background:var(--amber-tag-bg);border-color:var(--amber-line);color:var(--amber-tag-ink)}.badge.danger{background:var(--red-soft);border-color:var(--red-line);color:var(--red-ink)}.badge.info{background:var(--royal-soft);border-color:var(--royal-line);color:var(--royal)}code{background:var(--secondary);border:1px solid var(--border);color:var(--foreground);border-radius:5px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px}.master-detail-split{grid-template-columns:1.25fr 1fr;align-items:start;gap:16px;display:grid}.kv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.kv-box{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-subtle);transition:border-color .16s var(--ease-out-expo);padding:10px 12px}.kv-box:hover{border-color:var(--line-strong)}.kv-box span{text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);margin-bottom:3px;font-size:10.5px;font-weight:600;display:block}.kv-box strong{color:var(--foreground);font-size:13px;font-weight:700}.wis-footer{border-top:1px solid var(--border);color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:16px;font-size:12px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1120px){.kpi-row-4{grid-template-columns:repeat(2,minmax(0,1fr))}.split-row-2,.master-detail-split{grid-template-columns:1fr}}html{-webkit-text-size-adjust:100%}body{overflow-x:hidden}img,svg,video,canvas{max-width:100%}.wis-shell{min-height:100dvh}.wis-rail{height:100dvh}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.wis-greeting{font-size:clamp(20px,1.4vw + 14px,27px)}@media (width<=1280px){.wis-main{padding:20px 24px 40px}}@media (width<=900px){.wis-main{padding:16px 18px 32px}.wis-topbar{align-items:stretch}.wis-top-actions{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));width:100%;display:grid}.wis-top-actions .select,.wis-top-actions .btn,.wis-top-actions .btn-orange-new{justify-content:center;width:100%;min-height:40px}.wis-module-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;width:100%;display:flex;overflow-x:auto}.wis-module-tabs::-webkit-scrollbar{display:none}.wis-tab{flex:none;min-height:40px}}@media (width<=680px){.wis-shell{padding-bottom:calc(64px + env(safe-area-inset-bottom));grid-template-columns:1fr}.wis-rail{height:auto;padding:6px 10px calc(6px + env(safe-area-inset-bottom));border-right:none;border-top:1px solid var(--border);flex-direction:row;position:fixed;inset:auto 0 0;box-shadow:0 -4px 16px #09090b0f}.rail-top,.rail-bottom{flex-direction:row}.rail-top{scrollbar-width:none;flex:1;justify-content:space-around;min-width:0;overflow-x:auto}.rail-top::-webkit-scrollbar{display:none}.rail-brand{display:none}.rail-item{flex:none;justify-content:center;width:46px;height:46px;min-height:0;padding:0}.rail-item.active:before{border-radius:3px 3px 0 0;width:auto;height:3px;inset:auto 10px 0}.rail-label,.rail-count,.rail-section-label,.rail-user,.rail-collapse,.rail-brand,.wis-module-tabs{display:none}.wis-module-strip{border-bottom:none;padding-bottom:0}.kpi-row-4{grid-template-columns:1fr}.wis-main{padding:14px 12px 24px}.wis-top-actions{grid-template-columns:1fr 1fr}.wis-eyebrow{flex-wrap:wrap;font-size:10px}.input,.select{min-height:44px;font-size:16px}.btn{min-height:40px}.table-scroll table,.table-scroll tbody{display:block}.table-scroll thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.table-scroll tbody tr{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);margin:10px 12px;display:block;overflow:hidden}.table-scroll tbody td{text-align:right;overflow-wrap:anywhere;border-right:none;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:9px 14px;display:flex}.table-scroll tbody td:before{content:attr(data-label);text-align:left;color:var(--muted-foreground);flex:0 0 38%;font-size:11px;font-weight:600}.table-scroll tbody td[data-label=""]:before{display:none}.table-scroll tbody td[colspan]{text-align:center;justify-content:center}.table-card-head{padding:14px}.table-card-head>*{max-width:100%}.sdo-login-modal-backdrop{align-items:flex-end;padding:0;overflow-y:auto}.sdo-login-modal-card{border-radius:18px 18px 0 0;width:100%;max-width:none;max-height:92dvh;overflow-y:auto}}@media (width<=400px){.wis-top-actions{grid-template-columns:1fr}.wis-main{padding:12px 10px 20px}}@media print{.wis-shell{padding-bottom:0}}.wis-print-header{display:none}@media print{.wis-rail,.wis-topbar,.wis-module-strip,.wis-no-print,.wis-footer{display:none!important}.wis-shell{display:block!important}.wis-main{padding:0!important}.wis-print-header{border-bottom:2px solid #09090b;margin-bottom:12px;padding:14px 18px;display:block!important}.table-card{border:1px solid var(--line-strong)!important;box-shadow:none!important}}@media screen{:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#09090b;--foreground:#fafafa;--card:#111114;--card-foreground:#fafafa;--popover:#111114;--popover-foreground:#fafafa;--primary:#fafafa;--primary-foreground:#18181b;--secondary:#1c1c21;--secondary-foreground:#fafafa;--muted:#1c1c21;--muted-foreground:#a1a1aa;--accent:#1c1c21;--accent-foreground:#fafafa;--destructive:#f87171;--destructive-foreground:#18181b;--border:#27272a;--input:#2e2e33;--ring:#7c93ff;--bg-canvas:#0d0d10;--bg-surface:#111114;--bg-subtle:#0f0f12;--bg-muted:#1c1c21;--ink-900:#fafafa;--ink-700:#d4d4d8;--ink-500:#a1a1aa;--ink-400:#71717a;--line:#27272a;--line-subtle:#1c1c21;--line-strong:#3f3f46;--primary-hover:#e4e4e7;--royal:#5b78ff;--royal-hover:#7c93ff;--royal-mid:#4a65e6;--royal-soft:#5b78ff29;--royal-line:#7c93ff59;--green:#34d399;--green-ink:#6ee7b7;--green-soft:#34d39921;--green-line:#34d39959;--red:#f87171;--red-ink:#fca5a5;--red-soft:#f8717121;--red-line:#f8717159;--amber-tag-bg:#fbbf2421;--amber-tag-ink:#fcd34d;--amber-line:#fbbf2459;--pink-tag-bg:#f472b621;--pink-tag-ink:#f9a8d4;--purple-tag-bg:#a78bfa24;--purple-tag-ink:#c4b5fd;--shadow-xs:0 1px 2px 0 #00000080;--shadow-sm:0 1px 3px 0 #0000008c, 0 1px 2px -1px #00000080;--shadow-md:0 8px 20px -6px #0009, 0 2px 6px -2px #00000080}:root[data-theme=dark] thead th,:root[data-theme=dark] tbody tr:hover{background:var(--bg-muted)}:root[data-theme=dark] .btn.primary,:root[data-theme=dark] .wis-tab.active .wis-tab-count{color:var(--primary-foreground)}:root[data-theme=dark] .wis-rail{box-shadow:none}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:var(--ink-400)}:root[data-theme=dark] .wis-shell img.rail-logo-img{background:#fff}}.sdo-landing-page{color:#0b2240;background:#eaf4ff;min-height:100vh;overflow-x:hidden}.sdo-landing-hero{isolation:isolate;background:radial-gradient(circle at 22% 38%,#fffffff0 0%,#e2f1ffc7 34%,#3d92e800 68%),linear-gradient(165deg,#1b6bd1 0%,#489cf0 36%,#cbe4ff 74%,#e2effc 100%);flex-direction:column;justify-content:space-between;min-height:100vh;padding:24px 36px 32px;display:flex;position:relative;overflow:hidden}.sdo-sky-arc{pointer-events:none;z-index:1;border-radius:50%;position:absolute}.sdo-sky-arc-1{border:52px solid #ffffff38;width:960px;height:960px;top:-120px;left:-260px;box-shadow:inset 0 0 80px #ffffff40}.sdo-sky-arc-2{border:2px solid #ffffff59;width:1240px;height:1240px;top:-260px;left:-380px}.sdo-building-stage{z-index:1;pointer-events:none;width:68%;height:92%;position:absolute;top:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000059 14%,#000000f2 30%,#000 100%);mask-image:linear-gradient(90deg,#0000 0%,#00000059 14%,#000000f2 30%,#000 100%)}.sdo-building-photo{object-fit:cover;object-position:center 22%;filter:saturate(1.08)contrast(1.03);width:100%;height:112%;transform:perspective(1200px)rotateY(-2deg)scale(1.03)}.sdo-building-blend{background:linear-gradient(#0000 48%,#dbeafe2e 66%,#dbeafef0 82%,#dbeafe 100%),linear-gradient(90deg,#dceeffb8 0%,#dceeff1f 28%,#0000 55%);position:absolute;inset:0}.sdo-pill-nav-wrap{z-index:10;width:100%;max-width:1360px;margin:0 auto;position:relative}.sdo-pill-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-radius:999px;justify-content:space-between;align-items:center;gap:18px;padding:10px 22px;display:flex;box-shadow:0 12px 32px #091e421f,0 2px 6px #091e420d}.sdo-nav-brand{flex-shrink:0;align-items:center;gap:14px;display:flex}.sdo-nav-deped-logo{object-fit:contain;width:auto;height:38px}.sdo-nav-divider{background:#cbd5e1;width:1.5px;height:36px}.sdo-nav-sdo-cluster{align-items:center;gap:10px;display:flex}.sdo-nav-sdo-seal{object-fit:contain;width:42px;height:42px}.sdo-nav-sdo-title{flex-direction:column;line-height:1.05;display:flex}.sdo-nav-sdo-top{letter-spacing:.04em;color:#0b2545;font-size:9.5px;font-weight:800}.sdo-nav-sdo-main{letter-spacing:.02em;color:#0b2545;font-size:21px;font-weight:900}.sdo-nav-links{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sdo-nav-link{color:#0f294d;cursor:pointer;transition:background-color .16s var(--ease-out-expo), color .16s var(--ease-out-expo), transform .16s var(--ease-out-expo);background:0 0;border:none;border-radius:999px;align-items:center;gap:4px;padding:8px 15px;font-size:13.5px;font-weight:600;display:inline-flex}.sdo-nav-link:hover{color:#0b3b75;background:#eff6ff}.sdo-nav-link.active{color:#fff;background:#0d3b78;padding:8px 20px;box-shadow:0 4px 12px #0d3b7840}.sdo-nav-search{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;min-width:195px;padding:6px 14px;display:flex}.sdo-nav-search input{color:#0f294d;background:0 0;border:none;outline:none;width:100%;font-size:13px}.sdo-nav-search input::placeholder{color:#94a3b8}.sdo-nav-search button{color:#0f294d;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:inline-flex}.sdo-hero-inner{z-index:5;flex-direction:column;gap:44px;width:100%;max-width:1360px;margin:auto;padding:36px 0 64px;display:flex;position:relative}.sdo-hero-copy{flex-direction:column;gap:14px;max-width:580px;display:flex}.sdo-hero-eyebrow{letter-spacing:.22em;color:#0f294d;align-items:center;gap:14px;font-size:13.5px;font-weight:600;display:flex}.sdo-hero-eyebrow-line{background:#0f294d52;flex:1;max-width:120px;height:1px}.sdo-hero-heading{letter-spacing:-.025em;color:#0b2240;text-shadow:0 2px 18px #ffffffa6;font-size:clamp(40px,4.5vw,64px);font-weight:800;line-height:1.06}.sdo-hero-tagline-wrap{flex-direction:column;gap:4px;max-width:480px;display:flex}.sdo-hero-tagline{color:#102a4c;font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(13px,1.1vw,16px);font-style:italic;line-height:1.45}.sdo-gold-swoosh{width:280px;height:16px;margin-left:24px}.sdo-hero-cta-row{margin-top:6px}.sdo-learn-more-btn{color:#fff;cursor:pointer;transition:transform .18s var(--ease-out-expo), box-shadow .18s var(--ease-out-expo);background:linear-gradient(135deg,#0d3d7a 0%,#072652 100%);border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:16px;padding:13px 28px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 10px 24px #0726524d}.sdo-learn-more-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #07265261}.sdo-quick-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.sdo-quick-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;text-align:left;transition:transform .2s var(--ease-out-expo), box-shadow .2s var(--ease-out-expo), background-color .2s var(--ease-out-expo);background:#fffffff0;border:1px solid #ffffffd9;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex;box-shadow:0 12px 28px #0b22401a}.sdo-quick-card:hover{background:#fff;transform:translateY(-3px);box-shadow:0 18px 36px #0b224029}.sdo-quick-icon{color:#0d3b78;flex-shrink:0;width:38px;height:38px}.sdo-quick-icon svg{width:100%;height:100%}.sdo-quick-label{color:#0b2240;flex:1;font-size:14.5px;font-weight:700;line-height:1.22}.sdo-quick-arrow{color:#0d3b78;width:28px;height:28px;transition:background-color .16s var(--ease-out-expo), color .16s var(--ease-out-expo);background:#dcebfa;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sdo-quick-card:hover .sdo-quick-arrow{color:#fff;background:#0d3b78}.sdo-scroll-explore{z-index:6;color:#fff;cursor:pointer;text-shadow:0 2px 8px #0000008c;background:0 0;border:none;align-self:flex-start;align-items:center;gap:12px;margin-left:8px;font-size:13.5px;font-weight:500;display:inline-flex;position:relative}.sdo-scroll-line{background:#fffc;width:1.5px;height:34px}.sdo-mouse-icon{border:1.8px solid #ffffffeb;border-radius:999px;justify-content:center;width:20px;height:32px;padding-top:5px;display:inline-flex}.sdo-mouse-icon i{background:#fff;border-radius:999px;width:2px;height:6px}.sdo-bottom-wave-wrap{z-index:3;pointer-events:none;height:220px;position:absolute;bottom:0;left:0;right:0}.sdo-bottom-wave-svg{width:100%;height:100%;display:block}.sdo-wave-watermark{text-align:right;color:#fff;position:absolute;bottom:24px;right:48px}.sdo-wave-title-row{letter-spacing:.16em;justify-content:flex-end;align-items:center;gap:14px;font-size:15px;font-weight:700;display:flex}.sdo-wave-line{background:#ffffff59;width:96px;height:1px}.sdo-wave-sub{letter-spacing:.14em;color:#ffffffd1;margin-top:4px;font-size:11px;font-weight:500}.sdo-nav-right{align-items:center;gap:10px;display:flex}.sdo-nav-login-btn{color:#fff;cursor:pointer;transition:transform .16s var(--ease-out-expo), box-shadow .16s var(--ease-out-expo), background .16s var(--ease-out-expo);background:linear-gradient(135deg,#0d3b78 0%,#092954 100%);border:none;border-radius:999px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 6px 16px #0d3b7840}.sdo-nav-login-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0d3b7859}.sdo-hero-heading-sub{color:#0d3b78;letter-spacing:-.01em;margin-top:6px;font-size:clamp(19px,2.2vw,27px);font-weight:700;display:block}.sdo-secondary-hero-btn{color:#0b2240;cursor:pointer;transition:transform .16s var(--ease-out-expo), background-color .16s var(--ease-out-expo), box-shadow .16s var(--ease-out-expo);background:#ffffffeb;border:1px solid #0b224024;border-radius:999px;align-items:center;gap:8px;padding:13px 22px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 10px 22px #0b224014}.sdo-secondary-hero-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 14px 28px #0b224024}.sdo-login-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#0819309e;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}.sdo-login-modal-card{background:#fff;border:1px solid #0d3b7824;border-radius:22px;flex-direction:column;gap:16px;width:100%;max-width:580px;max-height:88vh;padding:26px 28px;display:flex;overflow-y:auto;box-shadow:0 28px 64px #0614285c,0 4px 16px #0d3b781f}.sdo-login-modal-header{justify-content:space-between;align-items:center;display:flex}.sdo-login-modal-logos{align-items:center;gap:12px;display:flex}.sdo-modal-seal{object-fit:contain;width:44px;height:44px}.sdo-modal-deped{object-fit:contain;width:auto;height:34px}.sdo-login-modal-close{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;transition:background-color .14s,color .14s;display:inline-flex}.sdo-login-modal-close:hover{color:#0b2240;background:#e2e8f0}.sdo-login-modal-titles{flex-direction:column;gap:4px;display:flex}.sdo-login-modal-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#0d3b78;font-size:11px;font-weight:800}.sdo-login-modal-titles h2{color:#0b2240;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.sdo-login-modal-titles p{color:#475569;margin:2px 0 0;font-size:13px;line-height:1.5}.sdo-login-modal-form{flex-direction:column;gap:14px;display:flex}.sdo-login-field{flex-direction:column;gap:5px;display:flex}.sdo-login-field label{color:#1e293b;font-size:12px;font-weight:700}.sdo-login-field input,.sdo-login-field select{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 13px;font-size:13.5px;transition:border-color .14s,background-color .14s,box-shadow .14s}.sdo-login-field input:focus,.sdo-login-field select:focus{background:#fff;border-color:#0d3b78;box-shadow:0 0 0 3px #0d3b781f}.sdo-login-tabs{background:#f1f5f9;border-radius:12px;gap:8px;padding:4px;display:flex}.sdo-login-tab{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:8px 12px;font-size:12.5px;font-weight:700;transition:all .14s}.sdo-login-tab.active{color:#0d3b78;background:#fff;box-shadow:0 2px 8px #0d3b781f}.sdo-mock-accounts-list{flex-direction:column;gap:8px;max-height:400px;padding-right:4px;display:flex;overflow-y:auto}.sdo-mock-card{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;transition:transform .14s,border-color .14s,box-shadow .14s,background-color .14s;display:flex}.sdo-mock-card:hover{background:#fff;border-color:#0d3b78;transform:translateY(-1px);box-shadow:0 6px 16px #0d3b781a}.sdo-mock-card-left{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sdo-mock-card-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sdo-mock-title{color:#0b2240;font-size:13px;font-weight:700}.sdo-mock-name{color:#334155;font-size:12.5px;font-weight:600}.sdo-mock-email{color:#64748b;font-size:11.5px;font-family:var(--font-mono,monospace)}.sdo-mock-login-action{color:#fff;cursor:pointer;background:#0d3b78;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;transition:background-color .14s;display:inline-flex}.sdo-mock-card:hover .sdo-mock-login-action{background:#092954}.sdo-nav-auth-cluster{align-items:center;gap:8px;display:flex}.sdo-nav-signout-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #0b224029;border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .14s}.sdo-nav-signout-btn:hover{color:#0b2240;background:#f1f5f9}.sdo-login-modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:6px;display:flex}.sdo-login-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d3b78 0%,#092954 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:13.5px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 8px 20px #0d3b7840}.sdo-login-submit-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0d3b7857}@media (width<=1120px){.sdo-quick-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sdo-nav-links{display:none}.sdo-building-stage{opacity:.35;width:100%}}@media (width<=680px){.sdo-landing-hero{min-height:100dvh;padding:12px 12px 24px}.sdo-quick-cards{grid-template-columns:1fr}.sdo-nav-search{display:none}.sdo-pill-nav{gap:8px;padding:8px 10px}.sdo-nav-brand{flex-shrink:1;gap:8px;min-width:0}.sdo-nav-deped-logo{height:28px}.sdo-nav-divider,.sdo-nav-sdo-top{display:none}.sdo-nav-sdo-cluster{gap:6px;min-width:0}.sdo-nav-sdo-seal{width:32px;height:32px}.sdo-nav-sdo-main{white-space:nowrap;font-size:15px}.sdo-nav-right,.sdo-nav-auth-cluster{flex-shrink:0}.sdo-nav-login-btn,.sdo-nav-signout-btn{min-height:40px;padding-inline:14px}.sdo-hero-inner{gap:28px;padding:20px 0 40px}.sdo-hero-eyebrow{letter-spacing:.14em;font-size:11px}.sdo-hero-heading{font-size:clamp(32px,10vw,40px)}.sdo-gold-swoosh{width:200px;margin-left:8px}.sdo-quick-card{min-height:56px;padding:14px 16px}.sdo-login-modal-backdrop{align-items:flex-end;padding:0}.sdo-login-modal-card{max-width:none;max-height:92dvh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.sdo-mock-accounts-list{max-height:none}.sdo-mock-card{flex-wrap:wrap}.sdo-mock-login-action,.sdo-login-submit-btn{min-height:44px}.sdo-login-modal-actions .sdo-login-submit-btn{width:100%}}@media (width<=380px){.sdo-nav-deped-logo{display:none}}.wis-modal-backdrop{z-index:9999;background:#09090b8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.wis-modal{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);width:100%;max-width:400px;color:var(--foreground);box-shadow:var(--shadow-md);flex-direction:column;gap:10px;padding:22px;display:flex}.wis-modal h2{font-size:17px;font-weight:800}.wis-modal p{color:var(--muted-foreground);font-size:13px;line-height:1.5}.wis-modal label{color:var(--ink-500);font-size:11px;font-weight:600}.wis-modal-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.wis-shell{background:var(--page-bg);font-family:Inter,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:is(.wis-shell,.wis-formmodal) :is(button,input,select,textarea){font-family:inherit}.wis-main{gap:20px;padding:24px 32px 48px}.wis-rail{background:var(--card);padding:16px 14px}.rail-item{border-radius:10px;min-height:42px}.rail-item.active{background:var(--royal-soft);color:var(--royal);font-weight:700}.rail-item.active:before{display:none}.rail-divider{background:var(--border);height:1px;margin:8px 4px}.rail-user{background:var(--royal-soft);border-color:#0000}.rail-count{background:var(--t-slate-bg)}.wis-topbar{flex-direction:column;align-items:stretch;gap:14px}.wis-breadcrumb{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-400);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.wis-breadcrumb-item{align-items:center;gap:6px;display:inline-flex}.wis-breadcrumb-item:last-child{color:var(--ink-500)}.wis-greeting{letter-spacing:-.02em;font-size:clamp(22px,1.2vw + 16px,26px);font-weight:800}.wis-greeting .badge{background:var(--t-slate-bg);height:24px;color:var(--t-slate);border-color:#0000;border-radius:999px;padding:0 12px;font-size:11.5px;font-weight:700}.wis-greeting .badge.info{background:var(--t-blue-bg);color:var(--t-blue)}.wis-top-actions{gap:10px;width:100%}.wis-top-actions .select{background-position:13px;background-repeat:no-repeat;background-size:16px;border-radius:12px;min-width:170px;height:42px;padding-left:38px;font-size:13px}.wis-top-actions .btn{border-radius:12px;height:42px;padding:0 16px;font-size:13px}.wis-top-actions .btn:disabled{opacity:.55}.btn-orange-new{background:var(--royal);border-radius:12px;height:42px;margin-left:auto;padding:0 22px;font-size:13.5px;box-shadow:0 8px 18px -6px #2453e880}.wis-top-actions select[aria-label="Global District Filter"]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z'/><path d='M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2'/><path d='M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2'/><path d='M10 6h4M10 10h4M10 14h4M10 18h4'/></svg>")}.wis-top-actions select[aria-label="Global School or Office Filter"]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M22 10 12 5 2 10l10 5 10-5Z'/><path d='M6 12v5c3 3 9 3 12 0v-5'/></svg>")}.wis-top-actions select[aria-label="Global Personnel Category Filter"]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='m12 2 10 5-10 5L2 7l10-5Z'/><path d='m2 12 10 5 10-5'/><path d='m2 17 10 5 10-5'/></svg>")}.wis-top-actions select[aria-label="Switch active SDO user role"]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z'/><path d='m9 12 2 2 4-4'/></svg>")}.wis-pill-row{flex-wrap:wrap;gap:10px;display:flex}.wis-pill{background:var(--t-slate-bg);height:32px;color:var(--t-slate);white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}.wis-pill.blue{background:var(--t-blue-bg);color:var(--t-blue)}.wis-pill.green{background:var(--t-green-bg);color:var(--t-green)}.wis-pill.orange{background:var(--t-orange-bg);color:var(--t-orange)}.wis-pill.red{background:var(--t-red-bg);color:var(--t-red)}.wis-pill.purple{background:var(--t-purple-bg);color:var(--t-purple)}.wis-pill.slate{background:var(--card);border-color:var(--border);color:var(--ink-700)}button.wis-pill{cursor:pointer;transition:background-color .16s var(--ease-out-expo), border-color .16s var(--ease-out-expo)}button.wis-pill:hover{border-color:var(--line-strong);background:var(--bg-muted)}.wis-banner{border:1px solid var(--green-line);background:var(--green-soft);color:var(--green-ink);border-radius:14px;align-items:center;gap:12px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.wis-banner-icon{background:var(--green);color:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.wis-banner-text{overflow-wrap:anywhere;flex:1;min-width:0}.wis-banner .btn{background:var(--card);border-radius:10px;height:34px}.wis-banner.danger{border-color:var(--red-line);background:var(--red-soft);color:var(--red-ink)}.wis-banner.danger .wis-banner-icon{background:var(--red)}.kpi-row-4{gap:18px}.wis-kpi{--accent:var(--a-blue);border:1px solid var(--border);border-top:3px solid var(--accent);background:var(--card);box-shadow:var(--shadow-card);transition:transform .2s var(--ease-out-expo), box-shadow .2s var(--ease-out-expo);border-radius:14px;flex-direction:column;gap:14px;padding:18px 20px 16px;display:flex}.wis-kpi.tone-green{--accent:var(--a-green)}.wis-kpi.tone-purple{--accent:var(--a-purple)}.wis-kpi.tone-orange{--accent:var(--a-orange)}.wis-kpi[role=button]{cursor:pointer}.wis-kpi[role=button]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.wis-kpi-head{align-items:center;gap:10px;display:flex}.wis-kpi-icon{background:color-mix(in srgb, var(--accent) 14%, transparent);width:28px;height:28px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.wis-kpi-title{color:var(--foreground);font-size:13.5px;font-weight:700}.wis-kpi-value{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.wis-kpi-value strong{letter-spacing:-.03em;color:var(--foreground);font-size:34px;font-weight:800;line-height:1}.wis-kpi-unit{color:var(--muted-foreground);margin-left:8px;font-size:13px;font-weight:500}.wis-kpi-aside{color:var(--muted-foreground);font-size:12px}.wis-kpi-aside b{color:var(--foreground)}.wis-progress{background:var(--secondary);border-radius:999px;height:6px;overflow:hidden}.wis-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--accent,var(--royal)), color-mix(in srgb, var(--accent,var(--royal)) 65%, white));height:100%;transition:width .4s var(--ease-out-expo);display:block}.wis-kpi-foot{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.wis-chip{background:var(--t-green-bg);color:var(--t-green);border-radius:999px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.wis-chip.red{background:var(--t-red-bg);color:var(--t-red)}.wis-chip.orange{background:var(--t-orange-bg);color:var(--t-orange)}.wis-chip.blue{background:var(--t-blue-bg);color:var(--t-blue)}.surface-card{box-shadow:var(--shadow-card);border-radius:16px;padding:22px 24px}.surface-card-title{font-size:15px;font-weight:700}.surface-card-title svg{color:var(--royal)}.toggle-pill-group{border-radius:10px}.toggle-pill-btn.active{background:var(--royal)}.growth-date-range{border:1px solid var(--border);background:var(--card);border-radius:10px;padding:6px 10px}.waterfall-grid{background:var(--card) repeating-linear-gradient(to bottom, transparent 0 39px, var(--line-subtle) 39px 40px);border-radius:12px}.waterfall-label{color:var(--ink-500);font-weight:600}.insights-stack{gap:12px}.wis-quick{--q-ink:var(--t-purple);--q-bg:var(--t-purple-bg);border:1px solid color-mix(in srgb, var(--q-ink) 20%, transparent);background:var(--q-bg);cursor:pointer;transition:transform .18s var(--ease-out-expo), box-shadow .18s var(--ease-out-expo), border-color .18s var(--ease-out-expo);border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.wis-quick.tone-pink{--q-ink:var(--t-pink);--q-bg:var(--t-pink-bg)}.wis-quick.tone-orange{--q-ink:var(--t-orange);--q-bg:var(--t-orange-bg)}.wis-quick:hover{border-color:var(--q-ink);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.wis-quick-top{color:var(--ink-400);justify-content:space-between;align-items:center;display:flex}.wis-quick-label{color:var(--q-ink);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.wis-quick-icon{background:var(--card);border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.wis-quick-body{color:var(--ink-700);font-size:13px;line-height:1.6}.btn.primary{background:var(--royal);border-color:var(--royal);color:#fff}.btn.primary:hover:not(:disabled){background:var(--royal-hover);border-color:var(--royal-hover);color:#fff}@media (width<=900px){.wis-main{padding:16px 18px 32px}.wis-top-actions .select{flex:180px}.btn-orange-new{margin-left:0}}@media (width<=680px){.wis-main{padding:14px 12px 24px}.rail-divider{display:none}.wis-top-actions .select{min-width:0}.wis-kpi-value strong{font-size:30px}.wis-banner{flex-wrap:wrap}.wis-pill{white-space:normal;height:auto;min-height:32px;padding-block:6px}}@media screen{:root[data-theme=dark]{--page-bg:#09090b;--shadow-card:0 1px 2px #00000080, 0 12px 28px -14px #000000b3;--a-blue:#5b78ff;--a-green:#34d399;--a-purple:#a78bfa;--a-orange:#fbbf24;--t-blue-bg:#5b78ff29;--t-blue:#8fa3ff;--t-green-bg:#34d39924;--t-green:#6ee7b7;--t-orange-bg:#fbbf2424;--t-orange:#fcd34d;--t-red-bg:#f8717124;--t-red:#fca5a5;--t-purple-bg:#a78bfa26;--t-purple:#c4b5fd;--t-pink-bg:#f472b624;--t-pink:#f9a8d4;--t-slate-bg:#1c1c21;--t-slate:#cbd5e1}:root[data-theme=dark] .btn.primary,:root[data-theme=dark] .btn.primary:hover:not(:disabled){color:#fff}.kpi-row-4 .kpi-card{border-top:3px solid var(--royal)}.kpi-row-4 .kpi-card:nth-child(2){border-top-color:var(--a-green,#10b981)}.kpi-row-4 .kpi-card:nth-child(3){border-top-color:var(--a-purple,#8b5cf6)}.kpi-row-4 .kpi-card:nth-child(4){border-top-color:var(--a-orange,#f59e0b)}}@supports (appearance:base-select){@media screen{:is(.wis-shell,.wis-formmodal) select{appearance:base-select}:is(.wis-shell,.wis-formmodal) select::picker(select){appearance:base-select}:is(.wis-shell,.wis-formmodal) select{justify-content:space-between;align-items:center;gap:8px;display:inline-flex}:is(.wis-shell,.wis-formmodal) select::picker-icon{color:var(--muted-foreground);font-size:10px;transition:rotate .18s}:is(.wis-shell,.wis-formmodal) select:open::picker-icon{rotate:180deg}:is(.wis-shell,.wis-formmodal) select::picker(select){border:1px solid var(--border);background:var(--card);border-radius:12px;max-height:320px;margin-top:6px;padding:6px;box-shadow:0 16px 40px #17203329}:is(.wis-shell,.wis-formmodal) select option{color:var(--foreground);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:500;display:flex}:is(.wis-shell,.wis-formmodal) select option:hover,:is(.wis-shell,.wis-formmodal) select option:focus-visible{background:var(--t-blue-bg);outline:none}:is(.wis-shell,.wis-formmodal) select option:checked{background:var(--t-blue-bg);color:var(--royal);font-weight:600}:is(.wis-shell,.wis-formmodal) select option::checkmark{color:var(--royal);order:1;margin-left:auto}}}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}select::picker(select){scrollbar-width:none}.wis-combo{z-index:1000;border:1px solid var(--border);background:var(--card);border-radius:12px;max-height:280px;padding:6px;font-family:inherit;position:fixed;overflow-y:auto;box-shadow:0 16px 40px #17203329}.wis-combo[hidden]{display:none}.wis-combo-item{cursor:pointer;color:var(--foreground);border-radius:8px;flex-direction:column;gap:2px;padding:9px 12px;font-size:13px;display:flex}.wis-combo-item b{font-weight:600}.wis-combo-item span{color:var(--muted-foreground);font-size:12px}.wis-combo-item:hover,.wis-combo-item.active{background:var(--t-blue-bg)}:is(.wis-shell,.wis-formmodal) input[type=date]::-webkit-calendar-picker-indicator{display:none}:is(.wis-shell,.wis-formmodal) input[type=date]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2364748b' stroke-width='1.5' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.wis-cal{z-index:1000;border:1px solid var(--border);background:var(--card);width:288px;color:var(--foreground);border-radius:14px;padding:14px;font-size:13px;position:fixed;box-shadow:0 16px 40px #17203329}.wis-cal[hidden]{display:none}.wis-cal button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px}.wis-cal-head{align-items:center;gap:2px;margin-bottom:10px;display:flex}.wis-cal-head strong{text-align:center;flex:1;font-weight:600}.wis-cal-head button{width:28px;height:28px;color:var(--muted-foreground)}.wis-cal-head button:hover,.wis-cal-grid button:hover{background:var(--t-blue-bg)}.wis-cal-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.wis-cal-grid .dow{color:var(--muted-foreground);padding:4px 0;font-size:11px;font-weight:600}.wis-cal-grid button{height:34px}.wis-cal-grid .today{color:var(--royal);font-weight:700}.wis-cal-grid .sel,.wis-cal-grid .sel:hover{background:var(--royal);color:#fff;font-weight:600}.wis-cal-foot{justify-content:space-between;margin-top:10px;display:flex}.wis-cal-foot button{color:var(--royal);padding:6px 10px;font-weight:600}.wis-cal-foot button:hover{background:var(--t-blue-bg)}.wis-formmodal{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#17203380;padding:24px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:fixed;inset:0;overflow-y:auto}.wis-formmodal-panel{background:var(--card);border-radius:16px;width:min(960px,100%);margin:auto;padding:8px;position:relative;box-shadow:0 24px 60px #0000004d}.wis-formmodal-panel>form{margin:0}.wis-formmodal-panel .surface-card,.wis-formmodal-panel .kv-box{box-shadow:none;border:0;margin:0}.wis-formmodal-x{z-index:1;width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:22px;line-height:1;position:absolute;top:12px;right:14px}.wis-formmodal-x:hover{background:var(--t-blue-bg)}.wis-formmodal-panel .badge.info{margin-right:36px}.wis-avatar{background:var(--t-blue-bg);vertical-align:middle;border-radius:12px;flex:none;display:inline-block;overflow:hidden}.wis-avatar img{object-fit:cover;width:100%;height:100%;display:block}.wis-avatar.float{float:left;margin:0 10px 0 0}.wis-photofield{align-items:center;gap:14px;padding-bottom:4px;display:flex}.wis-formmodal input[readonly]{background:var(--t-blue-bg);cursor:default}.wis-preview{z-index:1100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:zoom-out;background:#0f172abf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.wis-preview-img{aspect-ratio:1;background:var(--card);border-radius:18px;width:min(420px,85vw);overflow:hidden;box-shadow:0 24px 60px #00000073}.wis-preview-img img,.wis-preview-img svg{object-fit:contain;background:#0f172a;width:100%;height:100%;display:block}.wis-preview-img svg{background:0 0}.waterfall-grid{background:var(--card);overflow:hidden}.waterfall-yaxis{height:155px;margin-bottom:22px;padding-bottom:0}.waterfall-yaxis span{line-height:1;position:relative}.waterfall-yaxis span:after{content:"";border-top:1px solid var(--line-subtle);width:3000px;margin-left:10px;position:absolute;top:50%;left:100%}.waterfall-bar{z-index:1;min-height:0;position:relative}.waterfall-bar-wrap{z-index:1}.waterfall-top-val{z-index:1;position:relative}.waterfall-yaxis span{align-items:center;height:0;display:flex;overflow:visible}.waterfall-bar[style*="height: 0%"]{display:none}.wis-avatar{cursor:default}.wis-hover{z-index:1100;background:var(--card);pointer-events:none;border-radius:14px;transition:left .16s,top .16s,width .16s,height .16s;position:fixed;overflow:hidden;box-shadow:0 16px 40px #00000059}.wis-hover img{object-fit:cover;width:100%;height:100%;display:block}.wis-hover svg{width:100%;height:100%;display:block}.wis-pager{border-top:1px solid var(--border);color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:12.5px;display:flex}.wis-pager>div{align-items:center;gap:6px;display:flex}.wis-pager strong{color:var(--foreground);padding:0 8px;font-weight:600}