:root{--orange-50:#FFF5ED;--orange-100:#FFE8D4;--orange-200:#FFCCA8;--orange-300:#FFA870;--orange-400:#FF8038;--orange-500:#FA6316;--orange-600:#E14D06;--orange-700:#BB390B;--orange-800:#942F10;--orange-900:#782910;--neutral-50:#F8F9FA;--neutral-100:#F1F3F5;--neutral-200:#E7E9EC;--neutral-300:#D6D9DE;--neutral-400:#B0B5BD;--neutral-500:#868E96;--neutral-600:#5C636B;--neutral-700:#3E444B;--neutral-800:#24282D;--neutral-900:#14171A;--neutral-950:#0B0D0F;--green-50:#ECFDF3;--green-100:#D1FADF;--green-200:#A6F4C5;--green-300:#6CE9A6;--green-400:#32D583;--green-500:#12B76A;--green-600:#039855;--green-700:#027A48;--green-800:#05603A;--green-900:#054F31;--amber-50:#FFFAEB;--amber-100:#FEF0C7;--amber-200:#FEDF89;--amber-300:#FEC84B;--amber-400:#FDB022;--amber-500:#F79009;--amber-600:#DC6803;--amber-700:#B54708;--amber-800:#93370D;--amber-900:#7A2E0E;--red-50:#FEF3F2;--red-100:#FEE4E2;--red-200:#FECDCA;--red-300:#FDA29B;--red-400:#F97066;--red-500:#F04438;--red-600:#D92D20;--red-700:#B42318;--red-800:#912018;--red-900:#7A271A;--blue-50:#EFF8FF;--blue-100:#D1E9FF;--blue-200:#B2DDFF;--blue-300:#84CAFF;--blue-400:#53B1FD;--blue-500:#2E90FA;--blue-600:#1570EF;--blue-700:#175CD3;--blue-800:#1849A9;--blue-900:#194185;--color-bg-app:var(--neutral-50);--color-bg-surface:#FFFFFF;--color-bg-surface-raised:#FFFFFF;--color-bg-subtle:var(--neutral-100);--color-bg-hover:var(--neutral-100);--color-bg-active:var(--neutral-200);--color-text-primary:var(--neutral-900);--color-text-secondary:var(--neutral-600);--color-text-tertiary:var(--neutral-500);--color-text-disabled:var(--neutral-400);--color-text-inverse:#FFFFFF;--color-border-subtle:var(--neutral-100);--color-border-default:var(--neutral-200);--color-border-strong:var(--neutral-300);--color-primary:var(--orange-500);--color-primary-hover:var(--orange-600);--color-primary-active:var(--orange-700);--color-primary-subtle:var(--orange-50);--color-primary-text:var(--orange-700);--color-focus-ring:var(--orange-500);--color-success:var(--green-500);--color-success-subtle:var(--green-50);--color-success-text:var(--green-700);--color-warning:var(--amber-500);--color-warning-subtle:var(--amber-50);--color-warning-text:var(--amber-700);--color-danger:var(--red-500);--color-danger-subtle:var(--red-50);--color-danger-text:var(--red-700);--color-info:var(--blue-500);--color-info-subtle:var(--blue-50);--color-info-text:var(--blue-700);--sev-critical:var(--red-600);--sev-critical-bg:var(--red-50);--sev-critical-text:var(--red-700);--sev-high:var(--orange-600);--sev-high-bg:var(--orange-50);--sev-high-text:var(--orange-700);--sev-medium:var(--amber-500);--sev-medium-bg:var(--amber-50);--sev-medium-text:var(--amber-700);--sev-low:var(--blue-500);--sev-low-bg:var(--blue-50);--sev-low-text:var(--blue-700);--sev-info:var(--neutral-500);--sev-info-bg:var(--neutral-100);--sev-info-text:var(--neutral-700);--status-open-bg:var(--red-50);--status-open-text:var(--red-700);--status-open-dot:var(--red-500);--status-ack-bg:var(--amber-50);--status-ack-text:var(--amber-700);--status-ack-dot:var(--amber-500);--status-resolved-bg:var(--green-50);--status-resolved-text:var(--green-700);--status-resolved-dot:var(--green-500);--status-closed-bg:var(--neutral-100);--status-closed-text:var(--neutral-600);--status-closed-dot:var(--neutral-400);--font-sans:"Inter",-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--text-display:2.25rem;--lh-display:2.75rem;--text-h1:1.875rem;--lh-h1:2.375rem;--text-h2:1.5rem;--lh-h2:2rem;--text-h3:1.25rem;--lh-h3:1.75rem;--text-h4:1rem;--lh-h4:1.5rem;--text-body-lg:1rem;--lh-body-lg:1.5rem;--text-body:.875rem;--lh-body:1.25rem;--text-body-sm:.8125rem;--lh-body-sm:1.125rem;--text-caption:.75rem;--lh-caption:1rem;--text-label:.75rem;--lh-label:1rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--border-width-default:1px;--border-width-strong:1.5px;--border-width-focus:2px;--shadow-xs:0 1px 2px rgba(16,24,40,.05);--shadow-sm:0 1px 3px rgba(16,24,40,.1),0 1px 2px rgba(16,24,40,.06);--shadow-md:0 4px 8px -2px rgba(16,24,40,.1),0 2px 4px -2px rgba(16,24,40,.06);--shadow-lg:0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03);--shadow-xl:0 20px 24px -4px rgba(16,24,40,.08),0 8px 8px -4px rgba(16,24,40,.03);--opacity-disabled:.4;--opacity-muted:.64;--opacity-hover-overlay:.04;--opacity-active-overlay:.08;--opacity-scrim:.5;--duration-instant:.1s;--duration-fast:.15s;--duration-base:.2s;--duration-slow:.3s;--ease-standard:cubic-bezier(.2,0,0,1);--ease-decelerate:cubic-bezier(0,0,0,1);--ease-accelerate:cubic-bezier(.3,0,1,1)}:root[data-theme=dark]{--color-bg-app:var(--neutral-950);--color-bg-surface:var(--neutral-900);--color-bg-surface-raised:#1B1F24;--color-bg-subtle:#1B1F24;--color-bg-hover:var(--neutral-800);--color-bg-active:var(--neutral-700);--color-text-primary:#F8F9FA;--color-text-secondary:var(--neutral-400);--color-text-tertiary:var(--neutral-500);--color-text-disabled:var(--neutral-600);--color-border-subtle:#24282D;--color-border-default:#2E343B;--color-border-strong:var(--neutral-700);--color-primary:var(--orange-500);--color-primary-hover:var(--orange-400);--color-primary-active:var(--orange-300);--color-primary-subtle:rgba(250,99,22,.14);--color-primary-text:var(--orange-400);--color-success-text:var(--green-300);--color-success-subtle:rgba(18,183,106,.14);--color-warning-text:var(--amber-300);--color-warning-subtle:rgba(247,144,9,.14);--color-danger-text:var(--red-300);--color-danger-subtle:rgba(240,68,56,.14);--color-info-text:var(--blue-300);--color-info-subtle:rgba(46,144,250,.14);--sev-critical-bg:rgba(240,68,56,.16);--sev-critical-text:var(--red-300);--sev-high-bg:rgba(250,99,22,.16);--sev-high-text:var(--orange-300);--sev-medium-bg:rgba(247,144,9,.16);--sev-medium-text:var(--amber-300);--sev-low-bg:rgba(46,144,250,.16);--sev-low-text:var(--blue-300);--sev-info-bg:rgba(134,142,150,.16);--sev-info-text:var(--neutral-300);--status-open-bg:rgba(240,68,56,.16);--status-open-text:var(--red-300);--status-ack-bg:rgba(247,144,9,.16);--status-ack-text:var(--amber-300);--status-resolved-bg:rgba(18,183,106,.16);--status-resolved-text:var(--green-300);--status-closed-bg:rgba(134,142,150,.16);--status-closed-text:var(--neutral-300);--shadow-xs:0 1px 2px rgba(0,0,0,.4);--shadow-sm:0 1px 3px rgba(0,0,0,.5);--shadow-md:0 4px 8px -2px rgba(0,0,0,.5);--shadow-lg:0 12px 16px -4px rgba(0,0,0,.55);--shadow-xl:0 20px 24px -4px rgba(0,0,0,.6)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--lh-body);color:var(--color-text-primary);background:var(--color-bg-app);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p{margin:0}a{color:var(--color-primary-text);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.tnum{font-variant-numeric:tabular-nums}:focus-visible{outline:var(--border-width-focus) solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full);border:2px solid var(--color-bg-app)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border:var(--border-width-default) solid transparent;border-radius:var(--radius-sm);font-size:var(--text-body);font-weight:var(--fw-medium);cursor:pointer;transition:background var(--duration-instant) var(--ease-standard),border-color var(--duration-instant) var(--ease-standard);white-space:nowrap}.btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-body-sm)}.btn-lg{height:48px;padding:0 var(--space-6);font-size:var(--text-body-lg)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-bg-surface);border-color:var(--color-border-default);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-strong)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.94)}.btn-icon{width:40px;padding:0}.btn-sm.btn-icon{width:32px}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--text-label);font-weight:var(--fw-medium);line-height:1;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:var(--radius-full);flex:none}.badge svg{width:12px;height:12px}.sev-critical{background:var(--sev-critical-bg);color:var(--sev-critical-text)}.sev-high{background:var(--sev-high-bg);color:var(--sev-high-text)}.sev-medium{background:var(--sev-medium-bg);color:var(--sev-medium-text)}.sev-low{background:var(--sev-low-bg);color:var(--sev-low-text)}.sev-info{background:var(--sev-info-bg);color:var(--sev-info-text)}.status-OPEN{background:var(--status-open-bg);color:var(--status-open-text)}.status-OPEN .badge-dot{background:var(--status-open-dot)}.status-ACKNOWLEDGED{background:var(--status-ack-bg);color:var(--status-ack-text)}.status-ACKNOWLEDGED .badge-dot{background:var(--status-ack-dot)}.status-RESOLVED{background:var(--status-resolved-bg);color:var(--status-resolved-text)}.status-RESOLVED .badge-dot{background:var(--status-resolved-dot)}.status-CLOSED{background:var(--status-closed-bg);color:var(--status-closed-text)}.status-CLOSED .badge-dot{background:var(--status-closed-dot)}.card{background:var(--color-bg-surface);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.card-pad{padding:var(--space-6)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.label{font-size:var(--text-label);font-weight:var(--fw-medium);color:var(--color-text-secondary)}.input,.select{height:40px;padding:0 var(--space-3);background:var(--color-bg-surface);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--text-body);width:100%}.input::placeholder{color:var(--color-text-tertiary)}.input:hover,.select:hover{border-color:var(--color-border-strong)}.input:focus,.select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.input-sm{height:32px}.input-invalid,.select-invalid{border-color:var(--color-danger)}.input-invalid:focus,.select-invalid:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-subtle)}.field-error{font-size:var(--text-caption);color:var(--color-danger-text)}.field-hint{font-size:var(--text-caption);color:var(--color-text-tertiary)}.check{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--text-body);color:var(--color-text-primary)}.check input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.shell{display:grid;grid-template-columns:248px 1fr;height:100vh}.sidebar{display:flex;flex-direction:column;background:var(--color-bg-surface);border-right:var(--border-width-default) solid var(--color-border-default);padding:var(--space-4);gap:var(--space-1);overflow-y:auto}.brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-6);font-size:var(--text-h3);font-weight:var(--fw-bold)}.brand-mark{width:32px;height:32px;border-radius:var(--radius-md);background:var(--neutral-900);color:#fff;display:grid;place-items:center;flex:none}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:var(--fw-medium);cursor:pointer}.nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary);text-decoration:none}.nav-item.active{background:var(--color-primary-subtle);color:var(--color-primary-text)}.nav-item svg{width:20px;height:20px;flex:none}.nav-section{margin-top:var(--space-6)}.nav-heading{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary);padding:var(--space-2) var(--space-3)}.sidebar-spacer{flex:1}.main{display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;gap:var(--space-4);height:60px;padding:0 var(--space-8);border-bottom:var(--border-width-default) solid var(--color-border-default);background:var(--color-bg-surface);flex:none}.topbar h1{font-size:var(--text-h3)}.topbar-spacer{flex:1}.content{flex:1;overflow-y:auto;padding:var(--space-8)}.page-max{max-width:1440px;margin:0 auto}.user-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:grid;place-items:center;font-size:var(--text-caption);font-weight:var(--fw-semibold);flex:none}.notif{position:relative;display:flex}.notif-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--color-danger);color:#fff;font-size:10px;font-weight:var(--fw-semibold);line-height:16px;text-align:center;pointer-events:none}.notif-panel{position:absolute;top:calc(100% + var(--space-2));right:0;width:360px;max-width:calc(100vw - var(--space-8));background:var(--color-bg-surface);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;overflow:hidden}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-default) solid var(--color-border-default);font-weight:var(--fw-semibold)}.notif-mark-all{background:none;border:none;cursor:pointer;color:var(--color-primary-text);font-size:var(--text-caption);font-weight:var(--fw-medium)}.notif-mark-all:hover{text-decoration:underline}.notif-list{max-height:420px;overflow-y:auto}.notif-empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-tertiary);font-size:var(--text-body-sm)}.notif-item{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:none;background:none;text-align:left;cursor:pointer;border-bottom:var(--border-width-default) solid var(--color-border-subtle)}.notif-item:hover{background:var(--color-bg-subtle)}.notif-unread{background:var(--color-primary-subtle)}.notif-icon{flex:none;width:28px;height:28px;border-radius:var(--radius-full);display:grid;place-items:center;color:#fff}.notif-icon-new_alert{background:var(--color-primary)}.notif-icon-escalated,.notif-icon-sla_breached{background:var(--color-danger)}.notif-icon-resolved{background:var(--status-resolved-dot)}.notif-icon-assigned{background:var(--status-ack-dot)}.notif-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.notif-msg{font-size:var(--text-body-sm);color:var(--color-text-primary)}.notif-time{font-size:var(--text-caption);color:var(--color-text-tertiary)}.notif-dot{flex:none;width:8px;height:8px;margin-top:6px;border-radius:var(--radius-full);background:var(--color-primary)}.settings-section{display:grid;grid-template-columns:220px 1fr;gap:var(--space-6)}.settings-section-head h2{font-size:var(--text-body);font-weight:var(--fw-semibold)}.settings-section-head p{margin-top:var(--space-1);font-size:var(--text-body-sm);color:var(--color-text-tertiary)}.settings-actions{align-items:center;gap:var(--space-3)}.settings-saved{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-body-sm);color:var(--status-resolved-dot);font-weight:var(--fw-medium)}.settings-account-meta{font-size:var(--text-body-sm);color:var(--color-text-secondary)}@media (max-width: 720px){.settings-section{grid-template-columns:1fr;gap:var(--space-4)}}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.stat{padding:var(--space-6)}.stat-label{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary)}.stat-value{font-size:2rem;font-weight:var(--fw-bold);margin-top:var(--space-2)}.stat-accent-danger{color:var(--color-danger)}.stat-accent-warning{color:var(--color-warning-text)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-body)}.table thead th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-label);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-tertiary);font-weight:var(--fw-semibold);background:var(--color-bg-subtle);border-bottom:var(--border-width-default) solid var(--color-border-default);position:sticky;top:0}.table thead th.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.table thead th.th-sort:hover{color:var(--color-text-secondary)}.table thead th.th-sort-active{color:var(--color-text-primary)}.th-sort-inner{display:inline-flex;align-items:center;gap:4px}.th-sort-idle{opacity:0;transition:opacity .12s ease}.table thead th.th-sort:hover .th-sort-idle{opacity:.5}.table tbody td{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-default) solid var(--color-border-subtle);vertical-align:middle}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:var(--color-bg-hover)}.table .mono{font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-text-secondary)}.cell-title{font-weight:var(--fw-medium);color:var(--color-text-primary)}.cell-sub{color:var(--color-text-tertiary);font-size:var(--text-caption)}.occurrence{display:inline-block;margin-left:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-full);border:var(--border-width-default) solid var(--color-border-default);background:var(--color-bg-subtle);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-caption);font-weight:var(--fw-medium);vertical-align:middle}.ladder-step{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:var(--border-width-default) solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-subtle)}.ladder-head{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ladder-rung{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;border-radius:var(--radius-full);background:var(--color-bg-default);border:var(--border-width-default) solid var(--color-border-default);font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-secondary)}.ladder-after{color:var(--color-text-tertiary);font-size:var(--text-body-sm)}.ladder-mins{width:74px;flex:none}.ladder-controls{margin-left:auto;display:flex;gap:2px}.oncall-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:var(--border-width-default) solid var(--color-border-subtle);flex-wrap:wrap}.oncall-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-2);padding:var(--space-4) var(--space-6) var(--space-6)}@media (max-width: 900px){.oncall-grid{grid-template-columns:1fr}}.oncall-day{min-height:92px;padding:var(--space-2);border:var(--border-width-default) solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-subtle);display:flex;flex-direction:column;gap:var(--space-2)}.oncall-day.is-today{border-color:var(--color-accent-border, var(--color-border-strong));background:var(--color-bg-default)}.oncall-daylabel{display:flex;align-items:baseline;justify-content:space-between;color:var(--color-text-tertiary);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.04em}.oncall-daynum{font-family:var(--font-mono);color:var(--color-text-secondary)}.oncall-chip{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:var(--border-width-default) solid var(--color-border-default);background:var(--color-bg-default);color:var(--color-text-primary);font-size:var(--text-body-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oncall-chip.is-live{border-color:var(--color-accent-border, var(--color-border-strong));font-weight:var(--fw-medium)}.oncall-gap{color:var(--color-text-tertiary);font-size:var(--text-caption);font-style:italic}.oncall-tile{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3);padding:var(--space-2) var(--space-6) var(--space-6)}.oncall-tile-row{display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-start;text-align:left;padding:var(--space-3);border:var(--border-width-default) solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-subtle);cursor:pointer;font:inherit;color:inherit}.oncall-tile-row:hover{background:var(--color-bg-hover)}.toolbar{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap}.toolbar .grow{flex:1;min-width:220px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(16,24,40,var(--opacity-scrim));z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(520px,100vw);background:var(--color-bg-surface);border-left:var(--border-width-default) solid var(--color-border-default);box-shadow:var(--shadow-lg);z-index:41;display:flex;flex-direction:column;animation:drawer-in var(--duration-slow) var(--ease-decelerate)}@keyframes drawer-in{0%{transform:translate(24px);opacity:.6}to{transform:none;opacity:1}}.drawer-header{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-6);border-bottom:var(--border-width-default) solid var(--color-border-subtle)}.drawer-body{padding:var(--space-6);overflow-y:auto;flex:1}.drawer-footer{padding:var(--space-4) var(--space-6);border-top:var(--border-width-default) solid var(--color-border-subtle);display:flex;gap:var(--space-3)}.detail-row{display:flex;gap:var(--space-4);padding:var(--space-2) 0;font-size:var(--text-body)}.detail-row .k{width:120px;color:var(--color-text-tertiary);flex:none}.detail-row .v{color:var(--color-text-primary)}.drawer-inline-action{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);margin-top:var(--space-2);border:var(--border-width-default) solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-subtle)}.swatch-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.swatch{width:24px;height:24px;border-radius:var(--radius-full);padding:0;border:2px solid var(--color-border-default);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.swatch-selected{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-bg-surface) inset}.swatch-custom{background:var(--color-bg-surface);position:relative}.swatch-custom input[type=color]{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:none;padding:0;background:none;cursor:pointer}.swatch-value{color:var(--color-text-tertiary);font-size:var(--text-caption);margin-left:var(--space-1)}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding:0 0 var(--space-4) calc(var(--space-6) + 6px)}.timeline li:after{content:"";position:absolute;left:11px;top:24px;bottom:0;width:1.5px;background:var(--color-border-default)}.timeline li:last-child:after{display:none}.t-icon{position:absolute;left:0;top:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-bg-surface-raised);border:1.5px solid var(--color-border-default);color:var(--color-text-tertiary)}.timeline li.t-created .t-icon{border-color:var(--color-primary);color:var(--color-primary)}.timeline li.t-acknowledged .t-icon,.timeline li.t-resolved .t-icon{border-color:var(--color-success);color:var(--color-success)}.timeline li.t-escalated .t-icon,.timeline li.t-sla_breached .t-icon{border-color:var(--color-danger);color:var(--color-danger)}.timeline li.t-commented .t-icon,.timeline li.t-evidence_added .t-icon{border-color:var(--color-primary);color:var(--color-primary)}.timeline .t-action{font-weight:var(--fw-medium);text-transform:capitalize}.timeline .t-meta{color:var(--color-text-tertiary);font-size:var(--text-caption)}.timeline .t-note{color:var(--color-text-secondary);font-size:var(--text-caption);margin-top:var(--space-1)}.t-comment{margin-top:var(--space-2);padding:var(--space-3);background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.t-comment-parent{display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-tertiary);font-size:var(--text-caption);margin-bottom:var(--space-2)}.t-comment-body{white-space:pre-wrap;word-break:break-word;margin:0}.mention{color:var(--color-primary);font-weight:var(--fw-medium)}.t-reply{margin-top:var(--space-2);padding:0;border:none;background:none;color:var(--color-text-tertiary);font-size:var(--text-caption);cursor:pointer}.t-reply:hover{color:var(--color-primary);text-decoration:underline}.t-evidence{display:flex;align-items:center;gap:var(--space-2);width:100%;margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;text-align:left}.t-evidence:hover{border-color:var(--color-primary);color:var(--color-primary)}.t-evidence-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-evidence-size{color:var(--color-text-tertiary);font-size:var(--text-caption)}.composer{margin-top:var(--space-4)}.composer textarea{width:100%;resize:vertical;font:inherit}.composer-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.composer-reply{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);background:var(--color-bg-subtle);border-left:2px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-caption)}.composer-reply-cancel{margin-left:auto;display:inline-flex;border:none;background:none;color:var(--color-text-tertiary);cursor:pointer;padding:0}.composer-reply-cancel:hover{color:var(--color-text-primary)}.dropzone-active{outline:2px dashed var(--color-primary);outline-offset:var(--space-2);border-radius:var(--radius-md)}.section-title{font-size:var(--text-h3);margin-bottom:var(--space-4)}.muted{color:var(--color-text-tertiary)}.stack{display:flex;flex-direction:column;gap:var(--space-6)}.row{display:flex;align-items:center;gap:var(--space-3)}.spinner{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--color-border-default);border-top-color:var(--color-primary);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{display:grid;place-items:center;min-height:240px}.empty{text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-text-tertiary)}.alert-banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-danger-subtle);color:var(--color-danger-text);font-size:var(--text-body-sm)}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--space-4)}.login-card{width:100%;max-width:400px;padding:var(--space-8)}.login-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);font-size:var(--text-h2);font-weight:var(--fw-bold)}.tabs{display:flex;gap:var(--space-4);border-bottom:var(--border-width-default) solid var(--color-border-default);margin-bottom:var(--space-6)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;height:40px;padding:0 var(--space-1);margin-bottom:-1px;font-family:inherit;font-size:var(--text-body);font-weight:var(--fw-medium);color:var(--color-text-secondary);border-bottom:var(--border-width-focus) solid transparent;transition:color var(--duration-instant) var(--ease-standard),border-color var(--duration-instant) var(--ease-standard)}.tab:hover{color:var(--color-text-primary)}.tab.active{color:var(--color-text-primary);border-bottom-color:var(--color-primary)}.pill{display:inline-flex;align-items:center;gap:var(--space-1);height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--text-label);font-weight:var(--fw-medium);line-height:1}.pill-dot{width:6px;height:6px;border-radius:var(--radius-full);flex:none}.pill-active{background:var(--color-success-subtle);color:var(--color-success-text)}.pill-active .pill-dot{background:var(--color-success)}.pill-muted{background:var(--color-bg-subtle);color:var(--color-text-tertiary)}.pill-muted .pill-dot{background:var(--color-text-tertiary)}.sla-met{background:var(--color-success-subtle);color:var(--color-success-text)}.sla-met .pill-dot{background:var(--color-success)}.sla-breached{background:var(--color-danger-subtle);color:var(--color-danger-text)}.sla-breached .pill-dot{background:var(--color-danger)}.sla-pending{background:var(--color-warning-subtle);color:var(--color-warning-text)}.sla-pending .pill-dot{background:var(--color-warning)}.sla-clocks{display:grid;gap:var(--space-4)}.sla-clock{display:flex;flex-direction:column;gap:var(--space-2)}.sla-clock-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.sla-detail{font-size:var(--text-body-sm);color:var(--color-text-secondary)}.sla-bar{height:4px;border-radius:var(--radius-full);background:var(--color-bg-subtle);overflow:hidden}.sla-bar>span{display:block;height:100%;border-radius:var(--radius-full)}.sla-bar-met>span{background:var(--color-success)}.sla-bar-breached>span{background:var(--color-danger)}.sla-bar-pending>span{background:var(--color-warning)}.sla-compliance{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-6)}.sla-figure{display:flex;flex-direction:column;gap:var(--space-1)}.sla-figure-value{font-size:var(--text-h2);font-weight:var(--fw-semibold);line-height:1.1}.sla-figure-sub{font-size:var(--text-caption);color:var(--color-text-tertiary)}.sla-figure-none{color:var(--color-text-tertiary)}.tag{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-xs);background:var(--color-bg-subtle);color:var(--color-text-secondary);font-size:var(--text-caption);font-weight:var(--fw-medium);white-space:nowrap}.team-ref{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.team-dot{width:8px;height:8px;border-radius:var(--radius-full);flex:none}.chips{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-xs);background:var(--color-bg-subtle);font-size:var(--text-caption)}.chip .chip-k{color:var(--color-text-tertiary)}.chip .chip-v{font-family:var(--font-mono);color:var(--color-text-primary)}@media (max-width: 900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.content,.topbar{padding-left:var(--space-4);padding-right:var(--space-4)}}