:root{--brand:#F6121C;--brand-600:#e01019;--brand-700:#c40e16;--radius:14px;--radius-sm:10px;--topbar-h:64px;--sidebar-w:260px;--sidebar-w-collapsed:78px;--shadow-lg:0 12px 30px rgba(0,0,0,.35);--shadow-sm:0 4px 12px rgba(0,0,0,.25);--bg:#0e1116;--bg-2:#111622;--panel:#151b28;--panel-2:#1a2233;--text:#eef1f6;--muted:#9ea7ba;--border:#232b3b;--focus-ring:0 0 0 4px rgba(246,18,28,.25);--surface-gradient-1: radial-gradient(1200px 800px at 20% -10%, rgba(246,18,28,.08), transparent 60%);--surface-gradient-2: radial-gradient(1000px 600px at 85% 110%, rgba(246,18,28,.09), transparent 60%);--surface-gradient-3: linear-gradient(180deg, #0c0f14 0%, #0e1219 100%)}:root[data-theme=light]{--bg:#f6f7fb;--bg-2:#ffffff;--panel:#ffffff;--panel-2:#f4f6fb;--text:#0e1320;--muted:#5a6272;--border:#dbe0ea;--shadow-lg:0 12px 30px rgba(16,24,40,.12);--shadow-sm:0 4px 12px rgba(16,24,40,.1);--focus-ring:0 0 0 4px rgba(246,18,28,.2);--surface-gradient-1: radial-gradient(1200px 800px at 20% -10%, rgba(246,18,28,.06), transparent 60%);--surface-gradient-2: radial-gradient(1000px 600px at 85% 110%, rgba(246,18,28,.07), transparent 60%);--surface-gradient-3: linear-gradient(180deg, #ffffff 0%, #f6f7fb 100%)}:root[data-theme=light] .brand-logo--light{display:block}:root[data-theme=light] .brand-logo--dark{display:none}:root[data-theme=dark] .brand-logo--light{display:none}:root[data-theme=dark] .brand-logo--dark{display:block}:root[data-theme=light]{--notice-bg:#f4f7ff;--notice-fg:#0e1320;--notice-border:#dbe0ea;--success-bg:#e9f7ee;--success-fg:#0f5132;--success-border:#b7e2c3;--error-bg:#fdecea;--error-fg:#842029;--error-border:#f5c2c7}:root[data-theme=dark]{--notice-bg:#101520;--notice-fg:#eef1f6;--notice-border:#232b3b;--success-bg:rgba(76,175,80,.08);--success-fg:#d8f3dc;--success-border:rgba(76,175,80,.35);--error-bg:rgba(255,90,95,.08);--error-fg:#ffd9da;--error-border:rgba(255,90,95,.35)}.input{background:var(--input-bg);cursor:pointer}.input:focus{background:var(--input-bg-focus)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]):not([data-theme=light]){color-scheme:light}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans;color:var(--text);background:var(--surface-gradient-1),var(--surface-gradient-2),var(--surface-gradient-3)}input[type=date],input[type=datetime-local]{position:relative;color-scheme:light dark;cursor:pointer}.app{display:grid;grid-template-rows:var(--topbar-h) 1fr;grid-template-columns:var(--sidebar-w) 1fr;grid-template-areas:"topbar topbar" "sidebar content";min-height:100dvh}.topbar{grid-area:topbar;position:sticky;top:0;z-index:20;background:linear-gradient(180deg,rgba(246,18,28,.06),transparent 70%),var(--bg-2);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 16px}.sidebar{grid-area:sidebar;position:sticky;top:var(--topbar-h);align-self:start;height:calc(100dvh - var(--topbar-h));overflow:auto;background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);border-right:1px solid var(--border)}.content{grid-area:content;padding:18px}@media (max-width:1024px){.app{grid-template-columns:var(--sidebar-w-collapsed) 1fr}}@media (max-width:860px){.app{grid-template-columns:1fr;grid-template-areas:"topbar" "content"}.sidebar{position:fixed;inset:var(--topbar-h) 0 0 0;width:min(320px,85vw);transform:translate(-100%);transition:transform .18s ease;z-index:30}.sidebar.open{transform:translate(0)}.content{padding:14px}}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-logo{height:28px;width:auto;display:block}.brand-logo--light,.brand-logo--dark{display:none}.brand-name{font-weight:700;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:transparent;border:1px solid var(--border);color:var(--text);cursor:pointer}.btn-icon:hover{border-color:var(--brand)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.menu-wrap{position:relative;display:inline-block}.indicator{position:relative}.dot-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;line-height:1;color:#fff;background:var(--brand);border-radius:999px;border:1px solid rgba(0,0,0,.15)}.user-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border);color:var(--text);padding:3px 8px;border-radius:12px;cursor:pointer}.user-btn:hover{border-color:var(--brand)}.caret{font-size:11px;opacity:.8}.avatar-ring{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;box-shadow:0 0 0 3px #f6121c2e,inset 0 0 14px #f6121c59;background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);border:1px solid var(--border)}.avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--bg-2);color:var(--text);font-weight:700;font-size:12px;letter-spacing:.3px;text-transform:uppercase}.dropdown{position:absolute;top:44px;right:0;min-width:240px;max-width:320px;background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);padding:8px;z-index:50}.dropdown-right{right:0}.dropdown-header{padding:10px 10px 12px;border-bottom:1px solid var(--border)}.dropdown[hidden]{display:none!important}.menu-item{width:100%;text-align:left;display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;color:var(--text);background:transparent;border:0;cursor:pointer;text-decoration:none}.menu-item[aria-disabled=true]{opacity:.6;cursor:not-allowed}.menu-divider{height:1px;background:var(--border);margin:6px 8px}.menu-item.danger{color:#fff;background:var(--brand)}.menu-item.danger:hover{filter:brightness(.98)}.nav{list-style:none;margin:0;padding:10px}.nav-section{margin:10px 10px 14px;padding:6px 10px;color:var(--muted);font-size:12px;border-left:2px solid var(--border)}.nav a,.nav button{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;color:var(--text);text-decoration:none;background:transparent;border:0;cursor:pointer}.nav a:hover,.nav button:hover{background:#f6121c14}.nav .active{background:#f6121c26;border:1px solid rgba(246,18,28,.25)}.nav .chev{margin-left:auto;transition:transform .15s ease}.submenu{display:none;padding-left:8px;list-style:none}.submenu.open{display:block}.instance-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;background:var(--bg-2);color:var(--text);padding:4px 8px;height:36px;cursor:pointer}.instance-btn:hover{border-color:var(--brand)}.inst-chip{display:inline-flex;align-items:center;gap:8px}.inst-dot{width:12px;height:12px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 6px #f6121c1f}.inst-name{font-weight:600}.menu-wrap{position:relative}.dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;z-index:50;background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:8px}.dropdown-right{right:0;left:auto}.dropdown-header{padding:8px 10px;border-bottom:1px solid var(--border);margin-bottom:6px}.menu-item-form{margin:0}.menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);cursor:pointer}.menu-item:hover{background:#f6121c14}.menu-item.active{background:#f6121c1f;border-color:#f6121c40}.menu-divider{height:1px;background:var(--border);margin:6px 0}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;border:0;border-radius:10px;padding:10px 14px;cursor:pointer;box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.6;cursor:not-allowed}.card{background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.card-header{padding:24px 28px;border-bottom:1px solid var(--border)}.card-body{padding:28px}.alerts{margin-bottom:16px}.alert{padding:12px 14px;border-radius:10px;font-size:14px;line-height:1.35;background:var(--notice-bg);color:var(--notice-fg);border:1px solid var(--notice-border)}.alert.success{background:var(--success-bg);color:var(--success-fg);border-color:var(--success-border)}.alert.error{background:var(--error-bg);color:var(--error-fg);border-color:var(--error-border)}.form-row{margin-bottom:18px}.label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:13px;color:var(--muted)}.input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.input:focus{border-color:var(--brand);box-shadow:var(--focus-ring);background:var(--input-bg-focus)}.input::placeholder{color:#808aa1}.input.error{border-color:#ff5a5fb3}.field-error{margin-top:8px;color:#ffd9da;background:#ff5a5f14;border:1px solid rgba(255,90,95,.35);border-radius:8px;padding:8px 10px;font-size:12px;display:none}.row-inline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.checkbox{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);cursor:pointer}.checkbox input{width:16px;height:16px;accent-color:var(--brand)}:root{--input-bg:#0f1420;--input-bg-focus:#10182a}:root[data-theme=light]{--input-bg:#fff;--input-bg-focus:#f9fafc}.page-title{font-size:18px;font-weight:700;margin:0 0 14px}.cards{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}@media (max-width:1024px){.col-8,.col-6,.col-4{grid-column:span 12}}.muted{color:var(--muted)}.spacer{height:10px}.divider{height:1px;background:var(--border);margin:12px 0}.right{margin-left:auto}.tiny{font-size:12px}footer.small,footer{color:var(--muted);text-align:center;padding:18px 12px 28px;font-size:12px}:root[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.5)}:root[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:none}.sidebar-section-title{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:12px 16px 4px}:root{--chip-bg: linear-gradient(180deg, var(--panel) 0%, var(--panel-2) 100%);--chip-fg: var(--text);--chip-border: var(--border);--chip-ok-bg: rgba(16,185,129,.18);--chip-ok-fg: #d8f3dc;--chip-ok-border: rgba(16,185,129,.45);--chip-warn-bg: rgba(251,191,36,.18);--chip-warn-fg: #ffe3b3;--chip-warn-border: rgba(251,191,36,.45);--chip-err-bg: rgba(255,90,95,.18);--chip-err-fg: #ffd9da;--chip-err-border: rgba(255,90,95,.45);--chip-brand-bg: rgba(246,18,28,.22);--chip-brand-fg: #fff;--chip-brand-border: rgba(246,18,28,.55)}:root[data-theme=light]{--chip-bg: #f6f7fb;--chip-fg: #0e1320;--chip-border: #dbe0ea;--chip-ok-bg: #e9f7ee;--chip-ok-fg: #0f5132;--chip-ok-border: #b7e2c3;--chip-warn-bg: #fff8e1;--chip-warn-fg: #7a4f01;--chip-warn-border: #ffe0a3;--chip-err-bg: #fdecea;--chip-err-fg: #842029;--chip-err-border: #f5c2c7;--chip-brand-bg: #fde7e8;--chip-brand-fg: var(--brand-700);--chip-brand-border: #f5b3b7}.kpi-chip,.chip{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--chip-fg);line-height:1.4;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.kpi-chip.ok,.chip.ok{color:#a7f3d0;border-color:#10b98159}.kpi-chip.warn,.chip.warn{color:#ffe3b3;border-color:#fbbf2459}.kpi-chip.err,.chip.err{color:#ffd9da;border-color:#ff5a5f59}.kpi-chip.filled,.chip.filled{border-color:var(--chip-border);background:var(--chip-bg);color:var(--chip-fg)}.kpi-chip.filled.ok,.chip.filled.ok{background:var(--chip-ok-bg);color:var(--chip-ok-fg);border-color:var(--chip-ok-border)}.kpi-chip.filled.warn,.chip.filled.warn{background:var(--chip-warn-bg);color:var(--chip-warn-fg);border-color:var(--chip-warn-border)}.kpi-chip.filled.err,.chip.filled.err{background:var(--chip-err-bg);color:var(--chip-err-fg);border-color:var(--chip-err-border)}.kpi-chip.filled.brand,.chip.filled.brand{background:var(--chip-brand-bg);color:var(--chip-brand-fg);border-color:var(--chip-brand-border)}.kpi-chip.sm,.chip.sm{font-size:10px;padding:2px 6px}.kpi-chip.lg,.chip.lg{font-size:12px;padding:4px 10px}.kpi-chip .icon,.chip .icon{width:12px;height:12px;display:inline-block;flex:0 0 12px}:root{--toggle-track-on: var(--brand, #1677ff);--toggle-on-thumb: var(--onBrand, #fff);--toggle-track-off: #cfd5de;--toggle-border: #aab2bd;--toggle-thumb: #ffffff}@media (prefers-color-scheme: dark){:root{--toggle-track-off: #3f4653;--toggle-border: #5b6470}}.toggle{--w:46px;--h:26px;--p:3px;position:relative;display:inline-block;width:var(--w);height:var(--h)}.toggle--sm{--w:38px;--h:22px;--p:3px}.toggle--lg{--w:60px;--h:34px;--p:4px}.toggle>input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:2;cursor:pointer}.toggle .toggle-slider{position:absolute;inset:0;background:var(--toggle-track-off);border:1px solid var(--toggle-border);border-radius:999px;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;box-shadow:inset 0 -2px color-mix(in srgb,var(--toggle-border) 40%,transparent)}.toggle .toggle-slider:before{content:"";position:absolute;left:var(--p);top:var(--p);width:calc(var(--h) - var(--p)*2);height:calc(var(--h) - var(--p)*2);border-radius:50%;background:var(--toggle-thumb, #fff);box-shadow:var(--elev-1);transform:translate(0);transition:transform .18s ease;z-index:1}.toggle>input:checked+.toggle-slider{background:var(--toggle-track-on);border-color:transparent;box-shadow:none}.toggle>input:checked+.toggle-slider:before{transform:translate(calc(var(--w) - var(--h)));background:var(--toggle-on-thumb, #fff)}.toggle>input:focus-visible+.toggle-slider{box-shadow:0 0 0 3px color-mix(in srgb,var(--toggle-track-on) 35%,transparent)}.toggle>input:disabled{cursor:not-allowed}.toggle>input:disabled+.toggle-slider{filter:grayscale(.1) opacity(.6)}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--panel-2)}.seg-btn{padding:6px 14px;font-size:13px;border:none;background:none;color:var(--text);cursor:pointer;transition:background .15s ease,color .15s ease}.seg-btn:not(:last-child){border-right:1px solid var(--border)}.seg-btn:hover{background:var(--panel-3)}.seg-btn.active{background:var(--brand);color:#fff}th a{cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .15s ease}th a:hover{opacity:.7}