:root{--radius-sm: 6px;--radius: 8px;--radius-lg: 10px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .14);--ring: 0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent);--tr: .13s ease;--font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", sans-serif}:root,:root[data-theme=light]{--bg: #f1f5f9;--surface: #ffffff;--surface-2: #f8fafc;--border: #e2e8f0;--text: #1e293b;--text-muted: #64748b;--primary: #2563eb;--primary-600: #1d4ed8;--primary-soft: #eff6ff;--primary-fg: #ffffff;--accent: #0891b2;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--sidebar-bg: #0f172a;--sidebar-fg: #eef2f8;--sidebar-active: #1e293b;--sidebar-head: #c3ccd9;--topbar: #ffffff}:root[data-theme=dark]{--bg: #0b1120;--surface: #111827;--surface-2: #0f172a;--border: #1f2a3d;--text: #e5e7eb;--text-muted: #94a3b8;--primary: #3b82f6;--primary-600: #2563eb;--primary-soft: #172554;--primary-fg: #ffffff;--accent: #22d3ee;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--sidebar-bg: #0a0f1d;--sidebar-fg: #eaeef7;--sidebar-active: #16213b;--sidebar-head: #b8c4da;--topbar: #111827}:root[data-theme=ocean]{--bg: #eef1f5;--surface: #ffffff;--surface-2: #f6f8fa;--border: #dde3ea;--text: #1f2933;--text-muted: #616e7c;--primary: #0f766e;--primary-600: #115e59;--primary-soft: #ecfdf5;--primary-fg: #ffffff;--accent: #0891b2;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--sidebar-bg: #1c2b33;--sidebar-fg: #ecf1f3;--sidebar-active: #263942;--sidebar-head: #bccbd0;--topbar: #ffffff}:root[data-theme=violet]{--bg: #f2f1f9;--surface: #ffffff;--surface-2: #f8f7fc;--border: #e5e3f0;--text: #221f33;--text-muted: #635d7a;--primary: #4f46e5;--primary-600: #4338ca;--primary-soft: #eef2ff;--primary-fg: #ffffff;--accent: #7c3aed;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--sidebar-bg: #1e1b3a;--sidebar-fg: #efecf9;--sidebar-active: #2a2650;--sidebar-head: #c5bfe3;--topbar: #ffffff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button{cursor:pointer;font:inherit}::selection{background:color-mix(in srgb,var(--primary) 22%,transparent)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text-muted) 35%,transparent) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted) 30%,transparent);border-radius:999px;border:2px solid transparent;background-clip:content-box}label{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:600;color:var(--text-muted)}input,textarea,select{width:100%;padding:.5rem .65rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;transition:border-color var(--tr),box-shadow var(--tr)}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--text-muted) 80%,transparent)}textarea{resize:none}input:read-only,textarea:read-only{background:var(--surface-2);color:var(--text);cursor:default;box-shadow:none}.ro-item{display:flex;flex-direction:column;gap:.2rem;padding-bottom:.2rem;border-bottom:1px solid var(--border)}.ro-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.ro-value{font-size:.9rem;color:var(--text);font-weight:500;word-break:break-word;min-height:1.25em}.ro-value.multi{white-space:pre-wrap}.ro-grid{row-gap:1.6rem;column-gap:1.3rem}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}.btn,button.btn,button:not([class]),button.secondary,button.danger{display:inline-flex;align-items:center;gap:.45rem;justify-content:center;padding:.5rem 1rem;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-fg);font-weight:600;font-size:.88rem;transition:background var(--tr),border-color var(--tr),color var(--tr)}.btn:hover,button.btn:hover,button:not([class]):hover{background:var(--primary-600)}.btn:disabled,button:not([class]):disabled,button.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost,button.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-ghost:hover,button.secondary:hover{background:var(--surface-2);border-color:color-mix(in srgb,var(--text-muted) 40%,var(--border))}button.danger{background:var(--danger)}button.danger:hover{background:color-mix(in srgb,var(--danger) 85%,#000)}.btn-sm{padding:.35rem .7rem;font-size:.82rem}button.link{background:none;border:none;color:var(--primary);font-weight:600;padding:0}button.link:hover{text-decoration:underline}.tabs{display:flex;gap:.15rem;border-bottom:1px solid var(--border);margin-bottom:1.2rem;overflow-x:auto}.tabs .tab{background:none;border:none;padding:.65rem 1.1rem;font:inherit;font-weight:600;font-size:.88rem;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;transition:color var(--tr),border-color var(--tr)}.tabs .tab:hover{color:var(--text)}.tabs .tab.active{color:var(--primary);border-bottom-color:var(--primary)}.pill{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .65rem;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border:1px solid transparent}.pill-primary{background:var(--primary-soft);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 25%,transparent)}.pill-success{background:color-mix(in srgb,var(--success) 14%,var(--surface));color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,transparent)}.pill-warning{background:color-mix(in srgb,var(--warning) 16%,var(--surface));color:var(--warning);border-color:color-mix(in srgb,var(--warning) 38%,transparent)}.pill-danger{background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.pill-neutral{background:var(--surface-2);color:var(--text-muted);border-color:var(--border)}.tkt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.tkt-head .tkt-title{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.tkt-head .tkt-title h2{margin:0;font-size:1.25rem}.tkt-meta{display:flex;flex-wrap:wrap;gap:.6rem 2.8rem;margin-top:.9rem}.tkt-meta .m{display:flex;flex-direction:column;gap:.1rem}.tkt-meta .m .k{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.tkt-meta .m .v{font-size:.9rem;font-weight:600;color:var(--text)}.detail-group{margin-bottom:.4rem}.detail-group>.gh{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--primary);margin:.2rem 0 1rem;display:flex;align-items:center;gap:.45rem}.detail-group+.detail-group{margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid var(--border)}.detail-group .ro-item{border-bottom:none;padding-bottom:0}.detail-group .ro-grid{row-gap:1.5rem;column-gap:2.4rem}.segmented{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:2px}.segmented button{border:none;background:transparent;color:var(--text-muted);font:inherit;font-weight:600;font-size:.85rem;padding:.4rem .95rem;border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;transition:background var(--tr),color var(--tr)}.segmented button:hover{color:var(--text)}.segmented button:disabled{opacity:.45;cursor:not-allowed}.segmented button:disabled:hover{color:var(--text-muted)}.segmented.seg-lg{padding:4px;gap:4px}.segmented.seg-lg button{padding:.5rem 1.15rem;font-size:.9rem;border-radius:7px}.segmented.seg-lg button.active{background:var(--primary);color:#fff;box-shadow:0 1px 3px #0000002e}.segmented.seg-lg button.active:hover{color:#fff}button.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:0;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--tr),color var(--tr),border-color var(--tr)}.icon-btn:hover{background:var(--surface-2);color:var(--primary);border-color:var(--border)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn.primary{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.icon-btn.primary:hover{background:var(--primary-600);color:var(--primary-fg)}.icon-btn.danger{background:transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 32%,var(--border))}.icon-btn.danger:hover{background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.card,.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.25rem}.form-card{margin-bottom:1.1rem}.form-card h3{margin:0 0 1rem;font-size:1rem;font-weight:700}.form-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem}.form-card-head h3{margin:0}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.form-actions{margin-top:1.1rem;display:flex;gap:.55rem}.banner{background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));color:var(--text);padding:.65rem .9rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.banner.ok{background:color-mix(in srgb,var(--success) 12%,var(--surface));border-color:color-mix(in srgb,var(--success) 40%,var(--border))}.banner.ok .ic{color:var(--success)}.banner.err{background:color-mix(in srgb,var(--danger) 12%,var(--surface));border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.banner.err .ic{color:var(--danger)}.error{color:var(--danger);font-size:.85rem}.page-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.9rem;margin-bottom:1.25rem}.page-head h2{margin:0;font-size:1.3rem;font-weight:700;letter-spacing:-.01em}table.grid{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}table.grid th,table.grid td{text-align:left;padding:.42rem .85rem;border-bottom:1px solid var(--border);font-size:.88rem}table.grid td{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table.grid td.wrap{max-width:none;white-space:normal;overflow:visible}table.grid td .icon-btn{width:26px;height:26px}table.grid thead th{background:var(--surface-2);color:var(--text-muted);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}table.grid tbody tr:hover{background:var(--surface-2)}table.grid-grouped th{text-align:center}table.grid-grouped th.grp-name{text-align:left;vertical-align:middle}table.grid-grouped th.grp{font-size:.8rem;border-bottom:1px solid var(--border)}table.grid-grouped th.grp-within{color:var(--success)}table.grid-grouped th.grp-out{color:var(--danger)}table.grid-grouped td.num{text-align:center;font-variant-numeric:tabular-nums}table.grid-grouped .grp-div{border-left:2px solid var(--border)}table.grid thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.grid thead th.sortable:hover{color:var(--text)}table.grid thead th.sorted{color:var(--primary)}table.grid thead th .sort-ind{margin-left:.35rem;font-size:.68rem;opacity:.35}table.grid thead th.sorted .sort-ind{opacity:1}table.grid thead th.sortable:not(.sorted):hover .sort-ind{opacity:.7}table.grid tbody tr:last-child td{border-bottom:none}.app-shell{display:grid;grid-template-columns:var(--sidebar-w, 250px) 1fr;min-height:100vh;transition:grid-template-columns var(--tr)}.app-shell.collapsed{--sidebar-w: 66px}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-fg);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden;border-right:1px solid rgba(255,255,255,.05)}.sidebar .brand{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.1rem;color:#fff;font-weight:700;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar .brand .logo-img{height:30px;width:auto;flex:none}.sidebar nav{flex:1;overflow-y:auto;padding:.6rem .55rem 1.5rem}.nav-group{margin-top:.15rem;border-radius:var(--radius-sm)}.nav-group.open{background:#ffffff0a;padding-bottom:.3rem}.nav-group-head{display:flex;align-items:center;gap:.65rem;width:100%;padding:.62rem .65rem;background:none;border:none;color:var(--sidebar-head);font-size:.84rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer}.nav-group-head .ic{opacity:.7}.nav-group-head:hover{color:#cbd5e1}.nav-group.open .nav-group-head{color:#f1f5f9}.nav-group.open .nav-group-head .ic{opacity:1;color:var(--primary)}.nav-group-head .chev{margin-left:auto;transition:transform var(--tr);font-size:.6rem}.nav-group.open .nav-group-head .chev{transform:rotate(90deg)}.nav-children{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--tr)}.nav-group.open .nav-children{grid-template-rows:1fr}.nav-children>div{overflow:hidden;margin:.1rem 0 0 1.35rem;padding-left:.55rem;border-left:1px solid rgba(255,255,255,.12)}.sidebar a.nav-link{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--sidebar-fg);padding:.44rem .6rem;margin:.05rem 0;border-radius:var(--radius-sm);font-size:.85rem;transition:background var(--tr),color var(--tr)}.sidebar a.nav-link .ic{display:inline-flex;opacity:.7;flex:none}.sidebar a.nav-link:hover{background:var(--sidebar-active);color:#e2e8f0}.sidebar a.nav-link:hover .ic{opacity:.95}.sidebar a.nav-link.active{background:color-mix(in srgb,var(--primary) 34%,var(--sidebar-active));color:#fff;font-weight:500;box-shadow:inset 3px 0 0 var(--primary)}.sidebar a.nav-link.active .ic{opacity:1;color:var(--primary)}.app-shell.collapsed .sidebar .brand span,.app-shell.collapsed .nav-group-head span,.app-shell.collapsed .nav-group-head .chev,.app-shell.collapsed a.nav-link span{display:none}.app-shell.collapsed a.nav-link,.app-shell.collapsed .nav-group-head{justify-content:center}.app-shell.collapsed .nav-children>div{margin-left:0;padding-left:0;border-left:none}.app-shell.collapsed .nav-group.open{background:none}.main{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1.3rem;background:var(--topbar);border-bottom:1px solid var(--border)}.topbar .left,.topbar .right{display:flex;align-items:center;gap:.7rem}.topbar .icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);display:grid;place-items:center;transition:background var(--tr)}.topbar .icon-btn:hover{background:var(--surface-2)}.user-chip{display:flex;align-items:center;gap:.5rem;padding:.28rem .7rem .28rem .35rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);font-weight:600;font-size:.85rem}.user-chip .avatar{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.75rem}.content{padding:1.4rem 1.5rem}.theme-menu{position:relative}.theme-pop{position:absolute;right:0;top:44px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.4rem;display:grid;gap:.1rem;min-width:160px;z-index:40}.theme-pop button{display:flex;align-items:center;gap:.55rem;width:100%;padding:.45rem .55rem;border:none;background:none;color:var(--text);border-radius:var(--radius-sm);font-weight:600;font-size:.85rem}.theme-pop button:hover{background:var(--surface-2)}.swatch{width:14px;height:14px;border-radius:4px;border:1px solid var(--border)}.aging-card{margin-top:1.25rem;margin-bottom:1.25rem}.aging-card .viz-head{align-items:center}.aging-actions{display:flex;align-items:center;gap:.9rem}.aging-note{margin:-.2rem 0 .9rem;color:var(--text-muted);font-size:.78rem}.aging-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem}.aging-cell{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);padding:1rem .75rem;text-align:center}.aging-value{font-size:1.7rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--text)}.aging-label{margin-top:.4rem;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.aging-warn{border-color:color-mix(in srgb,var(--warning) 45%,var(--border))}.aging-warn .aging-value{color:var(--warning)}.aging-bad{border-color:color-mix(in srgb,var(--danger) 45%,var(--border));background:color-mix(in srgb,var(--danger) 6%,var(--surface-2))}.aging-bad .aging-value{color:var(--danger)}.aging-sub{margin-top:.55rem;padding-top:.45rem;border-top:1px dashed var(--border);font-size:.72rem;font-weight:600;color:var(--text-muted)}.aging-sub-value{font-size:.95rem;font-weight:800;color:var(--warning);margin-right:.15rem}.aging-sub.kpi-click:hover{color:var(--text)}.aging-worksphere{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));background:color-mix(in srgb,var(--primary) 6%,var(--surface-2))}.aging-worksphere .aging-value{color:var(--primary)}.pivot-wrap{max-height:460px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}table.grid.pivot{border-collapse:separate;border-spacing:0;width:auto;min-width:100%;font-size:.84rem;overflow:visible;border-radius:0;border:none}table.grid.pivot th,table.grid.pivot td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:.42rem .7rem;white-space:nowrap;max-width:none}table.grid.pivot th.num,table.grid.pivot td.num{text-align:right}table.grid.pivot tbody td{background:var(--surface)}table.grid.pivot tbody tr:nth-child(2n) td{background:var(--surface-2)}table.grid.pivot tbody tr:hover td{background:var(--primary-soft)}table.grid.pivot thead th{position:sticky;top:0;z-index:2;background:var(--surface-2);font-weight:700}table.grid.pivot tfoot td{position:sticky;bottom:0;z-index:2;background:var(--surface-2);font-weight:700;border-top:2px solid var(--border)}table.grid.pivot thead th:first-child{left:0;z-index:3}table.grid.pivot tbody td:first-child{position:sticky;left:0;z-index:1}table.grid.pivot tfoot td:first-child{left:0;z-index:3}table.grid.pivot td.total{font-weight:700}table.grid.pivot .grand{color:var(--primary)}table.grid.pivot td.pivot-click{cursor:pointer;color:var(--primary);font-weight:600}table.grid.pivot td.pivot-click:hover{background:var(--primary-soft);text-decoration:underline}table.grid.pivot .sla-col{color:var(--success);background:color-mix(in srgb,var(--success) 7%,transparent);border-left:2px solid color-mix(in srgb,var(--success) 30%,var(--border));border-right:2px solid color-mix(in srgb,var(--success) 30%,var(--border))}table.grid.pivot thead th.sla-col{color:var(--success)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.kpi-groups{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:flex-start}.kpi-group{flex:1 1 auto;min-width:0}.kpi-group:nth-child(1){flex-grow:3}.kpi-group:nth-child(2),.kpi-group:nth-child(3){flex-grow:2}.kpi-group+.kpi-group{padding-left:1.5rem;border-left:1px solid var(--border)}.kpi-group-title{margin:0 0 .5rem;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.kpi-group .kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.sla-kpis .kpi-group{flex:1 1 0}.sla-kpis .kpi-group .kpi-grid{grid-template-columns:repeat(3,1fr)}.kpi-group .kpi{padding:.9rem 1rem}.kpi-group .kpi .kpi-value{font-size:1.6rem}@media (max-width: 1100px){.kpi-group+.kpi-group{padding-left:0;border-left:none}}.kpi{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem;box-shadow:var(--shadow-sm)}.kpi .kpi-label{color:var(--text-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.kpi .kpi-value{font-size:1.85rem;font-weight:800;margin-top:.3rem;letter-spacing:-.02em;color:var(--text);line-height:1}.kpi .kpi-ic{flex:none;width:44px;height:44px;border-radius:10px;display:grid;place-items:center;color:var(--kpi-accent);background:color-mix(in srgb,var(--kpi-accent) 12%,transparent)}.kpi-primary{--kpi-accent: var(--primary)}.kpi-success{--kpi-accent: var(--success)}.kpi-warning{--kpi-accent: var(--warning)}.kpi-danger{--kpi-accent: var(--danger)}.kpi-neutral{--kpi-accent: var(--text-muted)}.kpi-click{cursor:pointer;transition:box-shadow var(--tr),transform var(--tr),border-color var(--tr)}.kpi-click:hover{box-shadow:var(--shadow);transform:translateY(-1px);border-color:color-mix(in srgb,var(--kpi-accent, var(--primary)) 40%,var(--border))}.section-title{font-size:.9rem;font-weight:700;margin:1.6rem 0 .85rem;color:var(--text);display:flex;align-items:center;gap:.55rem;text-transform:uppercase;letter-spacing:.03em}.section-title .ic{color:var(--primary);display:inline-flex}.viz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem;margin-top:1rem;align-items:start}.viz-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem 1.15rem .6rem;min-width:0}.viz-card .viz-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.viz-card h3{margin:0;font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:.45rem}.viz-card h3 .ic{color:var(--primary)}.viz-card .viz-sub{color:var(--text-muted);font-size:.78rem;font-weight:600}.viz-wide{grid-column:1 / -1}.viz-empty{color:var(--text-muted);font-size:.85rem;text-align:center;padding:2rem 0}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem;background-color:var(--bg);background-image:linear-gradient(color-mix(in srgb,var(--bg) 55%,transparent),color-mix(in srgb,var(--bg) 80%,transparent)),url(/login-bg.png);background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed}.login-card{width:380px;max-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:.9rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pw-field{position:relative;display:flex}.pw-field input{padding-right:2.5rem}.pw-toggle{position:absolute;top:50%;right:.3rem;transform:translateY(-50%);background:none;border:none;padding:.35rem;color:var(--text-muted);cursor:pointer;display:inline-flex;border-radius:var(--radius-sm)}.login-card .brand-row{display:flex;align-items:center;gap:.7rem;margin-bottom:.4rem}.login-card .logo-img{height:44px;width:auto}.login-card h1{margin:0;font-size:1.3rem}.login-card .subtitle{margin:0;color:var(--text-muted);font-size:.88rem}.muted{color:var(--text-muted)}.row{display:flex;gap:.55rem;align-items:flex-end;flex-wrap:wrap}.pw-field{position:relative;display:block}.pw-field input{width:100%;padding-right:2.4rem}.pw-toggle{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer;color:var(--text-muted)}.pw-toggle:hover{color:var(--primary)}.cat-select{width:100%;padding:.5rem .65rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:border-color var(--tr),box-shadow var(--tr)}.cat-select:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}.ss{position:relative;width:100%}.ss-control{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .65rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;text-align:left;transition:border-color var(--tr),box-shadow var(--tr)}.ss.open .ss-control{border-color:var(--primary);box-shadow:var(--ring)}.ss-control:disabled{opacity:.55;cursor:not-allowed}.ss-ph{color:color-mix(in srgb,var(--text-muted) 85%,transparent)}.ss-icons{display:flex;align-items:center;gap:.3rem;flex:none}.ss-caret{color:var(--text-muted);font-size:.7rem;transition:transform var(--tr)}.ss.open .ss-caret{transform:rotate(180deg)}.ss-clear{color:var(--text-muted);font-size:1.05rem;line-height:1;padding:0 .15rem;border-radius:4px}.ss-clear:hover{background:var(--surface-2);color:var(--danger)}.ss-pop{position:absolute;z-index:60;top:calc(100% + 5px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.4rem}.ss-search{margin-bottom:.35rem}.ss-list{max-height:230px;overflow-y:auto;display:flex;flex-direction:column}.ss-opt{padding:.45rem .55rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500;cursor:pointer;color:var(--text);transition:background var(--tr),color var(--tr)}.ss-opt.hi{background:color-mix(in srgb,var(--primary) 14%,var(--surface));color:var(--primary-600)}.ss-opt.sel.hi{background:color-mix(in srgb,var(--primary) 20%,var(--surface))}.ss-opt.sel{color:var(--primary);font-weight:700}.ss-opt.sel:after{content:"✓";float:right}.ss-opt.ss-check{display:flex;align-items:center;gap:.55rem}.ss-opt.ss-check:hover{background:color-mix(in srgb,var(--primary) 14%,var(--surface));color:var(--primary-600)}.ss-opt.ss-check.on{color:var(--primary);font-weight:600;background:var(--primary-soft)}.ss-opt.ss-check.on:hover{background:color-mix(in srgb,var(--primary) 18%,var(--surface-2))}.ss-opt input[type=checkbox]{accent-color:var(--primary);flex:none;margin:0;width:15px;height:15px}.ss-opt.ss-selectall{font-weight:600;border-bottom:1px solid var(--border);border-radius:0;position:sticky;top:0;background:var(--surface);z-index:1}.ss-opt.ss-selectall:hover{background:color-mix(in srgb,var(--primary) 14%,var(--surface))}.ss-empty{padding:.55rem;color:var(--text-muted);font-size:.85rem;text-align:center}.ss-tags{display:flex;align-items:center;gap:.3rem;flex:1;min-width:0;overflow:hidden}.ss-chip{display:inline-flex;align-items:center;padding:.02rem .45rem;font-size:.75rem;line-height:1.2;border-radius:999px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-chip-more{background:var(--primary-soft);color:var(--primary);border-color:transparent;font-weight:700;flex:none}.toggle{display:inline-flex;align-items:center;gap:.55rem;background:none;border:none;padding:0}.toggle .knob{position:relative;width:42px;height:24px;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 45%,transparent);transition:background var(--tr);flex:none}.toggle .knob:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--tr)}.toggle.on .knob{background:var(--primary)}.toggle.on .knob:after{transform:translate(18px)}.toggle .toggle-label{font-weight:600;color:var(--text);font-size:.88rem}.segmented{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;gap:2px}.segmented button{border:none;background:none;color:var(--text-muted);padding:.35rem .85rem;border-radius:5px;font-weight:600;font-size:.83rem}.segmented button.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.filter-bar{display:flex;flex-wrap:wrap;gap:.9rem 1.4rem;align-items:flex-end;margin-bottom:.9rem}.filter-field{display:flex;flex-direction:column;gap:.3rem;min-width:240px}.filter-field>span{font-size:.78rem;font-weight:600;color:var(--text-muted)}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid color-mix(in srgb,var(--primary) 25%,transparent);border-top-color:var(--primary);animation:spin .7s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.loader{display:inline-flex;align-items:center;gap:.7rem;color:var(--text-muted);font-size:.9rem;font-weight:600}.data-page{position:relative}.page-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 62%,transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:var(--radius)}.page-loading .loader{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:.7rem 1.1rem;border-radius:var(--radius-pill)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1rem;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:modal-fade var(--tr)}.modal-card{width:100%;max-width:420px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.4rem 1.5rem;animation:modal-pop .14s ease}.modal-title{margin:0 0 .6rem;font-size:1.1rem;font-weight:700}.modal-body{color:var(--text-muted);font-size:.92rem;line-height:1.5}.modal-body b{color:var(--text);font-weight:700}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.3rem}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}textarea.ta-lg{min-height:120px;resize:vertical;line-height:1.45}.grid2 label:has(.ta-lg){grid-column:1 / -1}.dg-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.6rem;flex-wrap:wrap}.dg-search{position:relative;width:260px;max-width:100%}.dg-search input{padding-left:2rem}.dg-search .ic{position:absolute;left:.55rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.dg-perpage{display:flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.82rem}.dg-perpage select{width:auto;padding:.3rem .5rem}.dg-foot{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.7rem;flex-wrap:wrap;color:var(--text-muted);font-size:.82rem}.dg-pager{display:flex;gap:.25rem;align-items:center}.dg-pager button{min-width:32px;height:32px;padding:0 .5rem;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);font-size:.82rem;font-weight:600}.dg-pager button:hover:not(:disabled){background:var(--surface-2)}.dg-pager button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.dg-pager button:disabled{opacity:.45;cursor:not-allowed}.datefield{position:relative;width:100%}.datefield-pop{padding:.65rem;min-width:260px}.cal-head{display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-bottom:.5rem}.cal-nav{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1rem;line-height:1;padding:0}.cal-nav:hover:not(:disabled){background:var(--surface-2)}.cal-nav:disabled{opacity:.4;cursor:not-allowed}.cal-selects{display:flex;gap:.3rem}.cal-selects select{padding:.28rem .35rem;font-size:.83rem;font-weight:600}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-wdc{text-align:center;font-size:.68rem;font-weight:700;color:var(--text-muted);padding:.2rem 0}.cal-day{aspect-ratio:1;border:none;background:none;color:var(--text);border-radius:6px;font-size:.83rem;padding:0}.cal-day:hover:not(:disabled){background:var(--surface-2)}.cal-day:disabled{color:color-mix(in srgb,var(--text-muted) 45%,transparent);cursor:not-allowed}.cal-day.today{box-shadow:inset 0 0 0 1.5px var(--accent);font-weight:700}.cal-day.sel{background:var(--primary);color:#fff;font-weight:700}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:60vh;text-align:center}.access-denied .ad-icon{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);color:var(--danger)}.access-denied h2{margin:0}.access-denied p{margin:0 0 .5rem}.req{color:var(--danger);margin-left:2px;font-weight:700}.field-invalid,.field-invalid .cap{color:var(--danger)}.field-invalid input,.field-invalid textarea,.field-invalid select,.field-invalid .ss-control{border-color:var(--danger)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 18%,transparent)!important}.cap{display:block}table.grid.pivot-grouped thead tr.grp-row th{top:0;height:28px;text-align:center}table.grid.pivot-grouped thead tr.leaf-row th{top:28px}table.grid.pivot-grouped thead th.grp{color:var(--primary);letter-spacing:.04em}table.grid.pivot-grouped thead th.grp-name{vertical-align:middle}table.grid.pivot-grouped thead th.grp-start,table.grid.pivot-grouped tbody td.grp-start,table.grid.pivot-grouped tfoot td.grp-start{border-left:2px solid var(--border)}.filter-summary{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.filter-summary .fs-item{display:inline-flex;align-items:center;gap:.35rem;min-width:0;max-width:24rem;padding:.18rem .6rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);font-size:.76rem}.filter-summary .fs-k{flex:none;color:var(--text-muted);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.filter-summary .fs-v{color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viz-card .viz-head .filter-summary{flex:1;justify-content:center;margin:0 .9rem}.cmt{display:flex;align-items:flex-start;gap:.6rem;padding:.4rem 0;border-bottom:1px solid var(--border)}.cmt:first-child{padding-top:0}.cmt:last-child{border-bottom:0;padding-bottom:0}.cmt>.pill{flex:none;margin-top:.1rem}.cmt-time{flex:none;min-width:8.5rem;white-space:nowrap;color:var(--text-muted);font-size:.74rem;margin-top:.3rem}.cmt-edited{font-size:.7rem;font-style:italic}.cmt-text{flex:1;min-width:0;white-space:pre-wrap;font-size:.88rem;line-height:1.45;margin-top:.15rem}.cmt-actions{flex:none;display:flex;gap:.1rem;margin-left:auto}.cmt-edit{flex:1;min-width:0;display:flex;gap:.4rem;align-items:flex-start}.cmt-edit textarea{flex:1;min-height:2.4rem;resize:vertical;font-size:.88rem}.cmt-edit-actions{flex:none;display:flex;gap:.1rem}.user-menu-wrap{position:relative}.user-chip.clickable{cursor:pointer;font:inherit}.user-chip.clickable:hover{background:var(--surface-2)}.user-menu{position:absolute;right:0;top:calc(100% + .45rem);min-width:17rem;padding:.8rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 10px 28px color-mix(in srgb,var(--text) 14%,transparent);z-index:30}.user-menu .cap{display:block;margin-bottom:.45rem}.user-menu .user-menu-note{margin:.5rem 0 0;font-size:.74rem}.user-chip.clickable{color:var(--text)}.user-chip-caret{display:inline-flex;color:var(--text-muted);margin-left:.1rem}.user-chip.clickable:hover .user-chip-caret{color:var(--primary)}