:root{--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--grad-brand:linear-gradient(135deg, #ff6a4d 0%, #f5384e 48%, #d61f6b 100%);--grad-brand-soft:linear-gradient(135deg, #ff6a4d29, #d61f6b29);--grad-accent:linear-gradient(135deg, #5b9dff, #7c5bff);--sev-critical:#ef4444;--sev-high:#f59e0b;--sev-info:#3b82f6;--sev-ok:#16a34a;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", "Helvetica Neue", Roboto, Helvetica, Arial, sans-serif;--font-mono:"SF Mono", "JetBrains Mono", ui-monospace, "Cascadia Code", "Roboto Mono", Menlo, Consolas, monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-spring:cubic-bezier(.34, 1.36, .64, 1);--dur-fast:.14s;--dur:.19s;--dur-slow:.22s;--transition-fast:.14s cubic-bezier(.16, 1, .3, 1);--transition:.2s cubic-bezier(.16, 1, .3, 1)}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0e1a;--bg-2:#070b14;--bg-elevated:#121828;--surface:#141b2db8;--surface-solid:#131a2b;--surface-2:#ffffff0b;--surface-3:#ffffff08;--surface-hover:#ffffff0f;--border:#ffffff14;--border-strong:#ffffff29;--hairline:#ffffff0f;--input-bg:#070b14;--text:#f1f5f9;--text-bright:#fff;--muted:#97a6c0;--muted-2:#647089;--text-muted:#97a6c0;--primary:#fb4a5a;--primary-hover:#ff6472;--primary-contrast:#fff;--primary-soft:#fb4a5a24;--primary-line:#fb4a5a57;--accent:#5b9dff;--accent-hover:#7db2ff;--accent-soft:#5b9dff24;--success:#34d399;--success-bg:#34d39924;--success-line:#34d39959;--warn:#fbbf24;--warn-bg:#fbbf2424;--warn-line:#fbbf245c;--danger:#fb4a5a;--danger-bg:#fb4a5a24;--danger-line:#fb4a5a66;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 2px #0006, 0 2px 6px #0000004d;--shadow-md:0 4px 12px #0006, 0 16px 40px #0006;--shadow-lg:0 24px 70px #0009, 0 8px 24px #00000080;--shadow-primary:0 6px 24px #f42d4e6b, 0 1px 2px #0006;--glow-red:0 0 0 1px #fb4a5a73, 0 0 28px #fb4a5a47;--glow-amber:0 0 0 1px #fbbf2466, 0 0 24px #fbbf2433;--inset-top:inset 0 1px 0 #ffffff0f;--ring:0 0 0 3px #5b9dff59;--app-bg:radial-gradient(1200px 720px at 8% -12%, #fb4a5a1f, transparent 55%), radial-gradient(1100px 680px at 104% 4%, #5b9dff1a, transparent 52%), radial-gradient(900px 900px at 50% 120%, #7c5bff14, transparent 60%), linear-gradient(180deg, #0a0e1a 0%, #070b14 100%);--sidebar-bg:linear-gradient(180deg, #101626b8, #0a0e1ab8);--topbar-bg:#0a0e1aad;--bottomnav-bg:#0a0e1adb;--panel-bg:#121828f5;--toast-bg:#141b2de6;--scrim:#04070ea8;--nav-active-fg:#ffd9dd;--brand-icon-fg:#ff98a2;--scrollbar-thumb:#ffffff1f;--scrollbar-thumb-hover:#ffffff38}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fb;--bg-2:#fff;--bg-elevated:#fff;--surface:#ffffffb8;--surface-solid:#fff;--surface-2:#0f172a0a;--surface-3:#0f172a06;--surface-hover:#0f172a0d;--border:#0f172a1a;--border-strong:#0f172a29;--hairline:#0f172a12;--input-bg:#f8fafc;--text:#0f172a;--text-bright:#0b1220;--muted:#55627b;--muted-2:#8a95ab;--text-muted:#55627b;--primary:#dc2626;--primary-hover:#b91c1c;--primary-contrast:#fff;--primary-soft:#dc26261a;--primary-line:#dc262642;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#2563eb1a;--success:#15803d;--success-bg:#15803d1f;--success-line:#15803d47;--warn:#b45309;--warn-bg:#d9770621;--warn-line:#d977064d;--danger:#c81a2e;--danger-bg:#dc26261a;--danger-line:#dc26264d;--shadow-xs:0 1px 2px #0f172a0f;--shadow-sm:0 1px 2px #0f172a0d, 0 2px 6px #0f172a0f;--shadow-md:0 4px 10px #0f172a0f, 0 16px 40px #0f172a17;--shadow-lg:0 24px 60px #0f172a29, 0 8px 24px #0f172a1a;--shadow-primary:0 6px 20px #dc262647, 0 1px 2px #dc26262e;--glow-red:0 0 0 1px #dc262647, 0 0 22px #dc262624;--glow-amber:0 0 0 1px #d977064d, 0 0 20px #f59e0b29;--inset-top:inset 0 1px 0 #ffffffd9;--ring:0 0 0 3px #2563eb38;--app-bg:radial-gradient(1200px 720px at 8% -12%, #dc26260f, transparent 55%), radial-gradient(1100px 680px at 104% 4%, #2563eb0f, transparent 52%), linear-gradient(180deg, #f6f8fc 0%, #eef1f8 100%);--sidebar-bg:linear-gradient(180deg, #ffffffd9, #f8fafdd9);--topbar-bg:#ffffffbf;--bottomnav-bg:#ffffffe0;--panel-bg:#fffffffa;--toast-bg:#fffffff0;--scrim:#0f172a61;--nav-active-fg:#b91c1c;--brand-icon-fg:#dc2626;--scrollbar-thumb:#0f172a2e;--scrollbar-thumb-hover:#0f172a4d}@media (prefers-color-scheme:light){:root:not([data-theme]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fb;--bg-2:#fff;--bg-elevated:#fff;--surface:#ffffffb8;--surface-solid:#fff;--surface-2:#0f172a0a;--surface-3:#0f172a06;--surface-hover:#0f172a0d;--border:#0f172a1a;--border-strong:#0f172a29;--hairline:#0f172a12;--input-bg:#f8fafc;--text:#0f172a;--text-bright:#0b1220;--muted:#55627b;--muted-2:#8a95ab;--text-muted:#55627b;--primary:#dc2626;--primary-hover:#b91c1c;--primary-contrast:#fff;--primary-soft:#dc26261a;--primary-line:#dc262642;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#2563eb1a;--success:#15803d;--success-bg:#15803d1f;--success-line:#15803d47;--warn:#b45309;--warn-bg:#d9770621;--warn-line:#d977064d;--danger:#c81a2e;--danger-bg:#dc26261a;--danger-line:#dc26264d;--shadow-xs:0 1px 2px #0f172a0f;--shadow-sm:0 1px 2px #0f172a0d, 0 2px 6px #0f172a0f;--shadow-md:0 4px 10px #0f172a0f, 0 16px 40px #0f172a17;--shadow-lg:0 24px 60px #0f172a29, 0 8px 24px #0f172a1a;--shadow-primary:0 6px 20px #dc262647, 0 1px 2px #dc26262e;--glow-red:0 0 0 1px #dc262647, 0 0 22px #dc262624;--glow-amber:0 0 0 1px #d977064d, 0 0 20px #f59e0b29;--inset-top:inset 0 1px 0 #ffffffd9;--ring:0 0 0 3px #2563eb38;--app-bg:radial-gradient(1200px 720px at 8% -12%, #dc26260f, transparent 55%), radial-gradient(1100px 680px at 104% 4%, #2563eb0f, transparent 52%), linear-gradient(180deg, #f6f8fc 0%, #eef1f8 100%);--sidebar-bg:linear-gradient(180deg, #ffffffd9, #f8fafdd9);--topbar-bg:#ffffffbf;--bottomnav-bg:#ffffffe0;--panel-bg:#fffffffa;--toast-bg:#fffffff0;--scrim:#0f172a61;--nav-active-fg:#b91c1c;--brand-icon-fg:#dc2626;--scrollbar-thumb:#0f172a2e;--scrollbar-thumb-hover:#0f172a4d}}*{box-sizing:border-box}html,body{height:100%}html{overflow-x:clip}body{color:var(--text);font-family:var(--font-sans);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:var(--app-bg);transition:color var(--transition);background-attachment:fixed;margin:0;font-size:16px;line-height:1.55;overflow-x:clip}#root{min-height:100vh}h1,h2,h3,h4{letter-spacing:-.028em;color:var(--text-bright);text-wrap:balance;margin:0;font-weight:700;line-height:1.14}h1{letter-spacing:-.035em;font-size:1.75rem}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.tabular-nums{font-variant-numeric:tabular-nums}::selection{color:#fff;background:#fb4a5a47}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes rise-in-sm{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}@keyframes sheet-up{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes nav-bar-in{0%{opacity:0;transform:translateY(-50%)scaleY(0)}to{opacity:1;transform:translateY(-50%)scaleY(1)}}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.6)}}@keyframes glow-breathe{0%,to{box-shadow:var(--glow-amber)}50%{box-shadow:0 0 0 1px #f59e0b38,0 0 12px #f59e0b1f}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-xs), var(--inset-top);transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast);will-change:transform;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong);box-shadow:var(--shadow-sm), var(--inset-top);transform:translateY(-1px)}.btn:active:not(:disabled){transition-duration:60ms;transform:translateY(0)scale(.985)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:var(--shadow-primary), inset 0 1px 0 #ffffff47;border:1px solid #0000}.btn-primary:hover:not(:disabled){filter:brightness(1.06)saturate(1.05);border-color:#0000;box-shadow:0 8px 30px #f42d4e80,inset 0 1px #ffffff47}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-primary), inset 0 1px 0 #ffffff47}.btn-ghost{box-shadow:none;color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text);box-shadow:none;border-color:#0000;transform:none}.btn-sm{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:.875rem}.btn-block{width:100%}.theme-toggle{width:40px;min-width:40px;min-height:40px;color:var(--muted);padding:0}.theme-toggle:hover:not(:disabled){color:var(--text)}.theme-toggle .icon{transition:transform var(--transition)}.theme-toggle:hover .icon{transform:rotate(18deg)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:700}.field input,.field select,.field textarea,.search-input,select{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--input-bg);color:var(--text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast)}.field textarea{padding:var(--space-3);resize:vertical;min-height:96px;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus,select:focus,input:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--ring);background:var(--bg-elevated);outline:none}.field input::placeholder,.field textarea::placeholder,input::placeholder{color:var(--muted-2)}.field-checkbox{align-items:center;gap:var(--space-2);color:var(--text);text-transform:none;letter-spacing:normal;cursor:pointer;flex-direction:row;font-size:.92rem;font-weight:500}.field-checkbox input{width:20px;height:20px;min-height:0;accent-color:var(--primary)}.field-hint{color:var(--muted);font-size:.8rem}.field-error{color:var(--danger);font-size:.8rem;font-weight:600}.required-mark{color:var(--primary)}.form-error-banner{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--danger-bg);border:1px solid var(--danger-line);color:var(--danger);font-size:.9rem;font-weight:500;display:flex}.form-error-banner .icon{color:var(--danger);flex-shrink:0}select{cursor:pointer;width:100%}.icon{flex-shrink:0;display:inline-block}.badge{border-radius:var(--radius-pill);letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:4px 11px;font-size:.72rem;font-weight:700;line-height:1.5;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:999px;flex-shrink:0;width:6px;height:6px}.badge-success{background:var(--success-bg);color:var(--success);border-color:var(--success-line)}.badge-warn{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-line)}.badge-accent{background:var(--accent-soft);color:var(--accent);border-color:#5b9dff59}.badge-neutral{background:var(--surface-2);color:var(--muted);border-color:var(--border)}.role-badge:before,.topbar .badge:before{display:none}.skeleton{border-radius:var(--radius-sm);background:#ffffff0d;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff17,#0000);animation:1.5s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.toast-stack{bottom:var(--space-5);right:var(--space-5);z-index:500;gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.toast{min-width:280px;max-width:380px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--toast-bg);-webkit-backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-3);animation:rise-in var(--dur-slow) var(--ease-out) both;font-weight:500;display:flex}.toast-success{border-color:var(--success-line)}.toast-success .icon{color:var(--success)}.toast-error{border-color:var(--danger-line)}.toast-error .icon{color:var(--danger)}.shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px)saturate(1.3);border-right:1px solid var(--border);width:264px;padding:var(--space-5) var(--space-4);gap:var(--space-5);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:var(--space-3);padding:4px var(--space-2) var(--space-5);border-bottom:1px solid var(--hairline);display:flex}.sidebar-brand svg:first-child{filter:drop-shadow(0 6px 14px #f42d4e66)}.sidebar-brand-text{flex-direction:column;gap:1px;min-width:0;display:flex}.sidebar-brand-text b{letter-spacing:-.03em;color:var(--text-bright);font-size:1.08rem;font-weight:800;line-height:1.1}.sidebar-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2);font-size:.62rem;font-weight:700}.sidebar-brand>span{letter-spacing:-.03em;color:var(--text-bright);font-size:1.08rem;font-weight:800}.sidebar-nav{flex-direction:column;gap:3px;display:flex}.nav-item{align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--muted);letter-spacing:-.01em;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);font-weight:600;text-decoration:none;display:flex;position:relative}.nav-item .icon{color:var(--muted-2);transition:color var(--transition-fast), transform var(--transition-fast)}.nav-item:hover{background:var(--surface-2);color:var(--text);transform:translate(2px)}.nav-item:hover .icon{color:var(--text)}.nav-item.active{background:var(--primary-soft);color:var(--nav-active-fg);transform:none}.nav-item.active .icon{color:var(--primary);transform:scale(1.08)}.nav-item.active:before{content:"";background:var(--grad-brand);width:4px;height:22px;animation:nav-bar-in .2s var(--ease-spring) both;border-radius:0 4px 4px 0;position:absolute;top:50%;left:-4px;transform:translateY(-50%);box-shadow:0 0 12px #fb4a5a99}.sidebar-footer{padding:var(--space-4) var(--space-2) 0;border-top:1px solid var(--hairline);color:var(--muted-2);margin-top:auto;font-size:.72rem;line-height:1.5}.sidebar-status{border-radius:var(--radius-pill);background:var(--success-bg);border:1px solid var(--success-line);color:var(--success);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:8px;padding:5px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.sidebar-status .dot{background:var(--success);width:7px;height:7px;animation:live-pulse 1.8s var(--ease-out-quart) infinite;border-radius:999px;box-shadow:0 0 0 3px #34d39938}.main-col{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);height:68px;padding:0 var(--space-6);padding-top:max(env(safe-area-inset-top), 0px);border-bottom:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(18px)saturate(1.4);z-index:20;flex-shrink:0;min-width:0;max-width:100%;display:flex;position:sticky;top:0}.topbar-menu-btn{color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:none}.topbar-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;min-width:0;color:var(--text-bright);font-size:1.12rem;font-weight:700;overflow:hidden}.topbar-user{align-items:center;gap:var(--space-3);min-width:0;display:flex}.topbar-email{color:var(--muted);font-size:.875rem}.role-badge{text-transform:uppercase;letter-spacing:.06em;font-size:.68rem}.topbar .badge{background:var(--accent-soft);color:var(--accent);border-color:#5b9dff52}.page{padding:var(--space-6) var(--space-6);gap:var(--space-5);flex-direction:column;width:100%;max-width:1320px;margin:0 auto;display:flex}.page>*{animation:rise-in var(--dur-slow) var(--ease-out) both}.page>:first-child{animation-delay:0s}.page>:nth-child(2){animation-delay:45ms}.page>:nth-child(3){animation-delay:90ms}.page>:nth-child(4){animation-delay:.135s}.page>:nth-child(5){animation-delay:.18s}.page>:nth-child(6){animation-delay:.215s}.page>:nth-child(n+7){animation-delay:.24s}.page>.stat-grid{animation:fade-in var(--dur) ease both}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}.page-header h1{font-size:1.9rem}.page-header p{color:var(--muted);max-width:64ch;margin-top:6px;font-size:.98rem}.sidebar-scrim{display:none}.stat-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.stat-card{background:linear-gradient(180deg, #ffffff0d, #ffffff04), var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);box-shadow:var(--shadow-sm), var(--inset-top);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);will-change:transform;animation:rise-in-sm var(--dur) var(--ease-out) both;flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--grad-brand);opacity:.9;height:3px;position:absolute;inset:0 0 auto}.stat-card:first-child{animation-delay:40ms}.stat-card:nth-child(2){animation-delay:80ms}.stat-card:nth-child(3){animation-delay:.12s}.stat-card:nth-child(4){animation-delay:.16s}.stat-card:nth-child(n+5){animation-delay:.19s}.stat-card:hover{box-shadow:var(--shadow-md), var(--inset-top);border-color:var(--border-strong);transform:translateY(-3px)}.stat-card-icon{border-radius:var(--radius-md);background:var(--grad-brand-soft);border:1px solid var(--primary-line);width:40px;height:40px;color:var(--brand-icon-fg);justify-content:center;align-items:center;display:inline-flex}.stat-card-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:var(--space-2);font-size:.72rem;font-weight:700;display:flex}.stat-card-label .icon{color:var(--accent)}.stat-card-value{letter-spacing:-.04em;color:var(--text-bright);font-variant-numeric:tabular-nums;font-size:2.3rem;font-weight:780;line-height:1}.card{background:linear-gradient(180deg, #ffffff09, #ffffff02), var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);box-shadow:var(--shadow-sm), var(--inset-top);flex-direction:column;display:flex;position:relative}.card-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--hairline);flex-wrap:wrap;display:flex}.card-header h2,.card-header h3{letter-spacing:-.02em;font-size:1.15rem}.search-field{flex:1;min-width:220px}.search-input{width:100%}.table-scroll{border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-xs);overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;min-width:480px}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:var(--space-3) var(--space-4);background:var(--surface-3);border-bottom:1px solid var(--border);white-space:nowrap;font-size:.7rem;font-weight:700}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--hairline);color:var(--text);font-size:.92rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{animation:fade-in var(--dur) ease both}.data-table tbody tr:first-child{animation-delay:30ms}.data-table tbody tr:nth-child(2){animation-delay:60ms}.data-table tbody tr:nth-child(3){animation-delay:90ms}.data-table tbody tr:nth-child(4){animation-delay:.12s}.data-table tbody tr:nth-child(5){animation-delay:.15s}.data-table tbody tr:nth-child(n+6){animation-delay:.175s}.data-table tbody tr.clickable{cursor:pointer;transition:background var(--transition-fast)}.data-table tbody tr.clickable:hover{background:var(--surface-hover)}.table-empty{padding:var(--space-6);text-align:center;color:var(--muted)}.state-block{text-align:center;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-5);color:var(--muted);flex-direction:column;display:flex}.state-block h3{color:var(--text-bright);letter-spacing:-.02em;font-size:1.15rem}.state-block p{max-width:46ch;line-height:1.6}.state-block-icon{color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-lg);padding:16px;box-shadow:inset 0 0 0 1px #5b9dff3d,0 0 30px #5b9dff29}.modal-backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(6px);padding:var(--space-4);z-index:200;animation:fade-in var(--dur) ease both;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:linear-gradient(180deg, #ffffff0d, #ffffff03), var(--panel-bg);-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:calc(100vh - 64px);padding:var(--space-6);box-shadow:var(--shadow-lg);gap:var(--space-4);animation:pop-in var(--dur-slow) var(--ease-out) both;flex-direction:column;display:flex;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.modal-header h2{letter-spacing:-.025em;font-size:1.3rem}.modal-close{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--muted);cursor:pointer;min-width:40px;min-height:40px;transition:background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--surface-hover);color:var(--text)}.modal-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);display:flex}.incident-list{gap:var(--space-3);flex-direction:column;display:flex}.incident-row{align-items:center;gap:var(--space-3);border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--radius-md);background:linear-gradient(180deg, #ffffff08, #ffffff02), var(--surface-solid);box-shadow:var(--shadow-xs), var(--inset-top);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);animation:fade-in var(--dur) ease both;padding:14px 16px;display:flex}.incident-list>:first-child{animation-delay:30ms}.incident-list>:nth-child(2){animation-delay:65ms}.incident-list>:nth-child(3){animation-delay:.1s}.incident-list>:nth-child(4){animation-delay:.135s}.incident-list>:nth-child(5){animation-delay:.17s}.incident-list>:nth-child(n+6){animation-delay:.2s}.incident-row-btn,.incident-main{align-items:center;gap:var(--space-3);min-width:0;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;flex:1;display:flex}.incident-row.incident-row-btn{width:100%}.incident-row:hover,.incident-row-btn:hover{box-shadow:var(--shadow-sm), var(--inset-top);border-color:var(--border-strong);transform:translateY(-1px)}.incident-row>.icon,.incident-row-btn>.icon{color:var(--muted-2);transition:transform var(--transition-fast), color var(--transition-fast)}.incident-row:hover>.icon,.incident-row-btn:hover>.icon{color:var(--text);transform:translate(3px)}.incident-row:has(.badge-warn){border-left-color:var(--sev-high);background:linear-gradient(90deg, #fbbf2414, transparent 42%), var(--surface-solid)}.incident-row:has(.badge-warn):hover{box-shadow:var(--glow-amber);border-color:var(--warn-line)}.incident-row:has(.badge-accent){border-left-color:var(--sev-info)}.incident-row:has(.badge-accent):hover{border-color:#5b9dff66}.incident-row:has(.badge-success){border-left-color:var(--sev-ok);opacity:.86}.incident-row:has(.badge-warn){animation:fade-in var(--dur) ease both, glow-breathe 2.4s var(--ease-out-quart) .3s infinite}.incident-row .badge-warn:before{animation:live-pulse 1.5s var(--ease-out-quart) infinite;box-shadow:0 0 8px #fbbf24b3}.incident-title{letter-spacing:-.01em;color:var(--text-bright);white-space:nowrap;font-weight:700}.incident-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;overflow:hidden}.incident-main .incident-meta{flex:1}.update-list{gap:var(--space-3);flex-direction:column;display:flex}.update-item{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 var(--radius-md) var(--radius-md) 0;animation:fade-in var(--dur) ease both}.update-list>:first-child{animation-delay:30ms}.update-list>:nth-child(2){animation-delay:65ms}.update-list>:nth-child(3){animation-delay:.1s}.update-list>:nth-child(n+4){animation-delay:.13s}.update-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.76rem;font-weight:600}.detail-header{gap:var(--space-2);flex-direction:column;display:flex}.detail-meta{gap:var(--space-2) var(--space-5);color:var(--muted);flex-wrap:wrap;font-size:.9rem;display:flex}.detail-meta strong{color:var(--text);font-weight:600}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border);display:flex}.tab-btn{min-height:44px;padding:0 var(--space-4);color:var(--muted);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;font-weight:600}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--text-bright);border-bottom-color:var(--primary)}.guardian-panel{border-top:1px dashed var(--border-strong);padding-top:var(--space-4);margin-top:var(--space-2)}.privacy-header{gap:var(--space-5);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.privacy-seal-wrap{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--border);display:flex}.privacy-seal-caption{color:var(--muted);max-width:160px;font-size:.75rem;line-height:1.4}.markdown-view{gap:var(--space-3);color:var(--text);flex-direction:column;display:flex}.markdown-view h1,.markdown-view h2,.markdown-view h3,.markdown-view h4{margin-top:var(--space-3)}.markdown-view ul{gap:var(--space-1);flex-direction:column;margin:0;padding-left:1.25rem;display:flex}.markdown-view p,.markdown-view li{color:var(--muted);line-height:1.7}.consent-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.login-page{justify-content:center;align-items:center;gap:var(--space-6);min-height:100vh;padding:var(--space-6) var(--space-5) calc(var(--space-6) + env(safe-area-inset-bottom));flex-direction:column;display:flex}.login-shell{border-radius:var(--radius-xl);border:1px solid var(--border);width:100%;max-width:1040px;box-shadow:var(--shadow-lg);background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);animation:pop-in .26s var(--ease-out) both;grid-template-columns:1.05fr .95fr;gap:0;display:grid;overflow:hidden}.login-hero{padding:var(--space-8) var(--space-7);justify-content:space-between;gap:var(--space-6);border-right:1px solid var(--border);background:radial-gradient(600px 400px at 20% 10%,#ff6a4d52,#0000 60%),radial-gradient(500px 400px at 90% 100%,#d61f6b4d,#0000 60%),linear-gradient(160deg,#1a1030,#250f24 60%,#12111f);flex-direction:column;display:flex;position:relative;overflow:hidden}.login-hero-top{align-items:center;gap:var(--space-3);display:flex}.login-hero-top b{letter-spacing:-.02em;font-size:1.05rem;font-weight:800}.login-hero-eyebrow{border-radius:var(--radius-pill);border:1px solid var(--border-strong);letter-spacing:.16em;text-transform:uppercase;color:#ffb4bc;background:#ffffff0f;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px;font-size:.68rem;font-weight:700;display:inline-flex}.login-hero-eyebrow .dot{background:var(--primary);width:7px;height:7px;box-shadow:0 0 10px var(--primary);animation:live-pulse 1.6s var(--ease-out-quart) infinite;border-radius:999px}.login-hero h2{letter-spacing:-.04em;background:linear-gradient(120deg,#fff 0%,#ffe0d6 55%,#f3c9dd 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1.05}.login-hero-sub{color:#cbb8d6;max-width:42ch;font-size:1rem;line-height:1.6}.login-hero-points{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.login-hero-points li{align-items:center;gap:var(--space-3);color:#e7deee;font-size:.92rem;font-weight:500;display:flex}.login-hero-points .icon{color:#fff;border-radius:var(--radius-sm);background:#ffffff1f;border:1px solid #ffffff2e;flex-shrink:0;padding:7px}.login-form-side{padding:var(--space-8) var(--space-7);justify-content:center;gap:var(--space-5);background:var(--surface);flex-direction:column;display:flex}.login-card{gap:var(--space-5);flex-direction:column;width:100%;display:flex}.login-brand{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.login-brand h1{letter-spacing:-.035em;font-size:1.5rem;font-weight:780}.login-brand p{color:var(--muted);font-size:.92rem}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-form .btn-primary{min-height:50px;margin-top:var(--space-2);font-size:1rem}.password-field{position:relative}.password-field input{width:100%;padding-right:46px}.password-toggle{cursor:pointer;width:46px;height:44px;color:var(--muted);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0}.password-toggle:hover{color:var(--text)}.login-footer{text-align:center;color:var(--muted-2);font-size:.8rem}.login-privacy{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;width:100%;max-width:1040px;animation:.24s .14s both fade-in;display:flex}.login-privacy-link{color:var(--muted);text-underline-offset:3px;font-size:.85rem;text-decoration:underline}.not-configured-banner{width:100%;max-width:1040px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn);font-size:.85rem}.bottom-nav{display:none}@media (width<=920px){.login-shell{grid-template-columns:1fr;max-width:460px}.login-hero{padding:var(--space-6);border-right:none;border-bottom:1px solid var(--border)}.login-hero h2{font-size:2rem}.login-hero-sub,.login-hero-points{display:none}.login-form-side{padding:var(--space-6)}}@media (width<=768px){.sidebar{z-index:100;width:280px;transition:transform var(--transition);box-shadow:var(--shadow-lg);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-scrim.open{-webkit-backdrop-filter:blur(2px);z-index:90;animation:fade-in var(--dur) ease both;background:#0009;display:block;position:fixed;inset:0}.sidebar,.sidebar-scrim,.topbar-menu-btn{display:none!important}.main-col{margin-left:0!important}.topbar{height:62px;padding:0 var(--space-4);padding-top:max(env(safe-area-inset-top), 0px)}.topbar-email,.topbar-user .badge{display:none}.topbar-title{font-size:1.05rem}.page{padding:var(--space-5) var(--space-4);padding-bottom:calc(94px + env(safe-area-inset-bottom));gap:var(--space-4)}.page-header{flex-direction:column;align-items:stretch;gap:14px}.page-header h1{font-size:1.6rem}.page-header .btn-primary{justify-content:center;width:100%;padding:14px 16px}.stat-grid{gap:var(--space-3);grid-template-columns:1fr 1fr}.stat-card{padding:var(--space-4)}.stat-card-value{font-size:1.9rem}.modal-backdrop{align-items:flex-end;padding:0}.modal-card{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:100%;padding:var(--space-5);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom));animation:sheet-up var(--dur-slow) var(--ease-out) both}.incident-row{flex-wrap:wrap;padding:14px}.incident-title,.incident-meta{white-space:normal}input,select,textarea,.btn{min-height:46px}.bottom-nav{z-index:100;background:var(--bottomnav-bg);-webkit-backdrop-filter:blur(20px)saturate(1.4);border-top:1px solid var(--border);padding:8px 6px calc(8px + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #0006}.bottom-nav-item{border-radius:var(--radius-md);min-height:48px;color:var(--muted-2);letter-spacing:-.01em;transition:color var(--transition-fast), transform var(--transition-fast);flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 2px;font-size:.68rem;font-weight:700;text-decoration:none;display:flex;position:relative}.bottom-nav-item .icon{color:currentColor;transition:transform var(--transition-fast)}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active .icon{transform:translateY(-1px)scale(1.1)}.bottom-nav-item.active:before{content:"";background:var(--grad-brand);width:26px;height:3px;animation:nav-bar-in .2s var(--ease-spring) both;border-radius:999px;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #fb4a5ab3}.bottom-nav-item:active{transform:scale(.93)}}@media (width<=480px){.stat-card-value{font-size:1.7rem}.page-header h1{font-size:1.45rem}}