*,*:before,*:after{box-sizing:border-box}:root{--bg-canvas: #f3f6fa;--bg-subtle: #ecf1f7;--bg-overlay: rgba(255, 255, 255, .82);--surface: #ffffff;--surface-muted: #f9fbfe;--surface-hover: #f7f9fc;--table-header: #f8fbff;--table-row-hover: #fbfdff;--field-bg: #ffffff;--field-placeholder: #8a9ab0;--border-soft: #dbe5f0;--border-strong: #c7d3e1;--border-dim: #e7edf5;--text-primary: #132033;--text-secondary: #4b5c73;--text-tertiary: #70839c;--brand: #0791cf;--brand-strong: #0a6b9e;--brand-ink: #0b2542;--brand-ring: rgba(7, 145, 207, .15);--success-bg: #f3fbf7;--success-border: #cae8d8;--success-text: #0f6d44;--danger-bg: #fff5f5;--danger-border: #f3cccc;--danger-text: #8f2424;--state-bg: #f9fbfe;--state-border: var(--border-strong);--state-border-style: dashed;--header-border: rgba(199, 211, 225, .7);--header-bg: rgba(255, 255, 255, .95);--nav-bg: rgba(255, 255, 255, .72);--brand-dot-ring: rgba(7, 145, 207, .15);--login-form-bg: #ffffff;--input-focus-border: rgba(7, 145, 207, .75);--input-focus-ring: rgba(7, 145, 207, .15);--badge-info-border: #b9deef;--badge-info-bg: #e9f6fc;--badge-info-text: #0f6289;--badge-neutral-border: #d4dce7;--badge-neutral-bg: #f3f6fa;--badge-neutral-text: #66778d;--badge-warn-border: #efd9b0;--badge-warn-bg: #fef6e8;--badge-warn-text: #915f09;--badge-success-border: #bde1d0;--badge-success-bg: #e9f8f1;--badge-success-text: #0d7648;--badge-danger-border: #f0c6c6;--badge-danger-bg: #fff1f1;--badge-danger-text: #9f2929;--login-panel-border: rgba(7, 145, 207, .18);--login-panel-accent: rgba(7, 145, 207, .2);--login-panel-start: #0f1f34;--login-panel-mid: #152c46;--login-panel-end: #0f253d;--login-panel-text: #f2f7ff;--login-mark: rgba(194, 218, 241, .85);--login-copy: rgba(224, 235, 248, .86);--login-list-border: rgba(215, 233, 253, .18);--login-list-bg: rgba(10, 22, 36, .22);--login-list-text: rgba(238, 246, 255, .92);--focus-ring: 0 0 0 3px var(--input-focus-ring);--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--shadow-soft: 0 14px 36px rgba(18, 35, 59, .08);--shadow-subtle: 0 6px 20px rgba(18, 35, 59, .05);--canvas-radial: rgba(7, 145, 207, .15);--canvas-grad-start: #f5f8fc;--canvas-grad-end: #f1f5fa}[data-theme=dark]{--bg-canvas: #0b1220;--bg-subtle: #111a2b;--bg-overlay: rgba(14, 24, 40, .82);--surface: #121f33;--surface-muted: #152338;--surface-hover: #182740;--table-header: #152439;--table-row-hover: #182840;--field-bg: #101c2e;--field-placeholder: #8da2bd;--border-soft: #25364f;--border-strong: #304562;--border-dim: #23364f;--text-primary: #e6edf7;--text-secondary: #b4c2d7;--text-tertiary: #8ea1ba;--brand: #1da4df;--brand-strong: #43b7ea;--brand-ink: #dceaf8;--brand-ring: rgba(29, 164, 223, .2);--success-bg: #103326;--success-border: #20543d;--success-text: #98dfb9;--danger-bg: #3a1c26;--danger-border: #623046;--danger-text: #f2b8c8;--state-bg: #101d2f;--state-border: #314760;--state-border-style: solid;--header-border: rgba(52, 76, 109, .65);--header-bg: rgba(12, 21, 35, .92);--nav-bg: rgba(16, 26, 42, .74);--brand-dot-ring: rgba(29, 164, 223, .24);--login-form-bg: #121f33;--input-focus-border: rgba(78, 188, 236, .85);--input-focus-ring: rgba(78, 188, 236, .2);--badge-info-border: #2d5b77;--badge-info-bg: #173246;--badge-info-text: #9ad5f0;--badge-neutral-border: #394f69;--badge-neutral-bg: #1a2b42;--badge-neutral-text: #c0cee0;--badge-warn-border: #6f5530;--badge-warn-bg: #332818;--badge-warn-text: #f0ca83;--badge-success-border: #315945;--badge-success-bg: #183226;--badge-success-text: #9adab9;--badge-danger-border: #6a3849;--badge-danger-bg: #351f2a;--badge-danger-text: #f3b7c8;--login-panel-border: rgba(74, 137, 173, .28);--login-panel-accent: rgba(29, 164, 223, .28);--login-panel-start: #081522;--login-panel-mid: #0d2137;--login-panel-end: #102840;--login-panel-text: #dceaf8;--login-mark: rgba(170, 201, 231, .9);--login-copy: rgba(200, 220, 241, .84);--login-list-border: rgba(101, 149, 192, .32);--login-list-bg: rgba(9, 20, 33, .42);--login-list-text: rgba(222, 236, 250, .92);--shadow-soft: 0 18px 42px rgba(5, 10, 18, .42);--shadow-subtle: 0 8px 26px rgba(4, 8, 14, .34);--canvas-radial: rgba(29, 164, 223, .16);--canvas-grad-start: #0b1323;--canvas-grad-end: #0a121f}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at top,var(--canvas-radial),transparent 36%),linear-gradient(180deg,var(--canvas-grad-start) 0%,var(--canvas-grad-end) 100%);color:var(--text-primary);font-family:Avenir Next,Avenir,Segoe UI,Roboto,Arial,sans-serif;font-size:15px;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .18s ease,color .18s ease}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{display:flex;min-height:100vh;flex-direction:column}.shell-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--header-border);background:var(--header-bg);padding:1rem 1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .18s ease,border-color .18s ease}.shell-brand{display:flex;align-items:center;gap:.8rem}.brand-dot{height:11px;width:11px;border-radius:999px;background:var(--brand);box-shadow:0 0 0 6px var(--brand-dot-ring)}.shell-logo{font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-ink)}.shell-header-right{display:flex;align-items:center;gap:.75rem}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--text-secondary);font-size:.95rem;line-height:1}.theme-toggle:hover{background:var(--surface-hover)}.theme-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tenant-pill{border:1px solid var(--border-soft);border-radius:999px;background:var(--bg-subtle);padding:.45rem .8rem;color:var(--text-secondary);font-size:.8rem;white-space:nowrap;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.shell-logout{border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--text-secondary);padding:.45rem .9rem;font-size:.8rem;font-weight:600}.shell-body{display:grid;grid-template-columns:244px minmax(0,1fr);flex:1}.shell-nav{border-right:1px solid var(--border-soft);background:var(--nav-bg);padding:1.25rem .9rem;transition:background-color .18s ease,border-color .18s ease}.nav-item{width:100%;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;margin-bottom:.4rem;padding:.65rem .8rem;text-align:left;color:var(--text-secondary);font-size:.84rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.nav-item:hover{background:var(--surface-hover);border-color:var(--border-soft)}.nav-item.active{border-color:#0791cf66;background:#0791cf1f;color:var(--brand-ink)}.shell-main{padding:2rem clamp(1rem,4vw,2.5rem)}.page-wrap{margin:0 auto;width:100%;max-width:1120px}.page-header{margin-bottom:1.25rem}.page-eyebrow{margin:0 0 .45rem;color:var(--brand-strong);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.page-title{margin:0;font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.2}.page-description{margin:.55rem 0 0;max-width:72ch;color:var(--text-secondary)}.surface{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-subtle);transition:background-color .18s ease,border-color .18s ease}.surface-pad{padding:1.1rem 1.2rem}.btn{border:1px solid transparent;border-radius:var(--radius-sm);padding:.63rem 1rem;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.btn-primary{background:var(--brand);color:#f5f9ff}.btn-primary:hover:not(:disabled){background:var(--brand-strong)}.btn-secondary{border-color:var(--border-strong);background:var(--surface);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.field{margin-bottom:.95rem}.field-label{display:block;margin-bottom:.4rem;color:var(--text-secondary);font-size:.77rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.field-hint{margin-top:.3rem;color:var(--text-tertiary);font-size:.8rem}.field-control{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--field-bg);padding:.68rem .78rem;color:var(--text-primary)}.field-control:focus{outline:none;border-color:var(--input-focus-border);box-shadow:var(--focus-ring)}.field-control::placeholder{color:var(--field-placeholder)}.banner{border-radius:var(--radius-sm);border:1px solid transparent;margin-bottom:1rem;padding:.64rem .8rem;font-size:.86rem}.error-banner{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.success-banner{border-color:var(--success-border);background:var(--success-bg);color:var(--success-text)}.state-card{border:1px var(--state-border-style) var(--state-border);border-radius:var(--radius-md);background:var(--state-bg);padding:2rem 1.2rem;text-align:center;color:var(--text-secondary)}.state-title{margin:0 0 .35rem;color:var(--text-primary);font-size:1rem;font-weight:700}.state-copy{margin:0}.login-container{display:grid;min-height:100vh;place-items:center;padding:1.2rem}.login-shell{display:grid;gap:1rem;width:min(1080px,100%);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.login-brand-panel{border:1px solid var(--login-panel-border);border-radius:var(--radius-lg);background:radial-gradient(circle at top left,var(--login-panel-accent),transparent 45%),linear-gradient(150deg,var(--login-panel-start) 0%,var(--login-panel-mid) 50%,var(--login-panel-end) 100%);color:var(--login-panel-text);padding:clamp(1.3rem,3vw,2rem);box-shadow:var(--shadow-soft)}.login-mark{margin-bottom:1.2rem;color:var(--login-mark);font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.login-brand-title{margin:0;max-width:20ch;font-size:clamp(1.5rem,2.9vw,2.3rem);line-height:1.18}.login-brand-copy{margin:.85rem 0 0;max-width:52ch;color:var(--login-copy)}.login-brand-list{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.65rem}.login-brand-list li{border:1px solid var(--login-list-border);border-radius:var(--radius-sm);background:var(--login-list-bg);padding:.7rem .8rem;color:var(--login-list-text);font-size:.9rem}.login-form-card{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--login-form-bg);padding:clamp(1.1rem,3vw,2rem);box-shadow:var(--shadow-soft)}.login-headline{margin:0 0 .35rem;font-size:1.5rem}.login-subtitle{margin:0 0 1rem;color:var(--text-secondary)}.password-guidance{margin:.15rem 0 .9rem;color:var(--text-tertiary);font-size:.8rem}.secure-note{margin-top:1rem;color:var(--text-tertiary);font-size:.8rem}.overview-grid{display:grid;gap:.9rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1rem}.metric-card{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);padding:1rem}.metric-label{margin:0;color:var(--text-tertiary);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.metric-value{margin:.45rem 0 0;color:var(--brand-ink);font-size:clamp(1.4rem,2.5vw,2.05rem);font-weight:700}.overview-context{display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr))}.context-item{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-muted);padding:.9rem}.context-label{margin:0;color:var(--text-tertiary);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.context-value{margin:.4rem 0 0;color:var(--text-primary);font-weight:600;word-break:break-word}.table-card{overflow:hidden}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;background:var(--surface)}.data-table th,.data-table td{border-bottom:1px solid var(--border-dim);padding:.74rem .9rem;text-align:left;vertical-align:middle}.data-table th{background:var(--table-header);color:var(--text-tertiary);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.data-table td{color:var(--text-primary);font-size:.9rem}.data-table tbody tr:hover{background:var(--table-row-hover)}.cell-mono{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.79rem}.badge{display:inline-flex;align-items:center;border:1px solid transparent;border-radius:999px;padding:.18rem .58rem;font-size:.73rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.badge-active,.badge-open{border-color:var(--badge-info-border);background:var(--badge-info-bg);color:var(--badge-info-text)}.badge-inactive,.badge-closed{border-color:var(--badge-neutral-border);background:var(--badge-neutral-bg);color:var(--badge-neutral-text)}.badge-in_progress,.badge-attention{border-color:var(--badge-warn-border);background:var(--badge-warn-bg);color:var(--badge-warn-text)}.badge-resolved{border-color:var(--badge-success-border);background:var(--badge-success-bg);color:var(--badge-success-text)}.priority-low{border-color:var(--badge-neutral-border);background:var(--badge-neutral-bg);color:var(--badge-neutral-text)}.priority-medium{border-color:var(--badge-info-border);background:var(--badge-info-bg);color:var(--badge-info-text)}.priority-high{border-color:var(--badge-warn-border);background:var(--badge-warn-bg);color:var(--badge-warn-text)}.priority-critical{border-color:var(--badge-danger-border);background:var(--badge-danger-bg);color:var(--badge-danger-text)}.tickets-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.9rem}.filters{display:grid;gap:.8rem;margin-bottom:.95rem;grid-template-columns:repeat(2,minmax(0,260px))}.create-form,.ticket-detail{margin-bottom:1rem}.ticket-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;margin-bottom:.7rem}.ticket-description{margin:.85rem 0;color:var(--text-secondary);white-space:pre-wrap}.assign-section{display:flex;align-items:flex-end;gap:.55rem;margin:1rem 0}.assign-section .field{margin:0;flex:1}.comments-list{list-style:none;margin:.5rem 0 0;padding:0}.comments-list li{border-bottom:1px solid var(--border-dim);padding:.58rem 0}.btn,.field-control,.banner,.state-card,.metric-card,.context-item,.data-table th,.data-table td,.nav-item,.tenant-pill,.theme-toggle,.shell-logout,.login-form-card{transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.comment-meta{color:var(--text-tertiary);font-size:.8rem}.comment-form{display:flex;gap:.55rem;align-items:flex-end;margin-top:.7rem}.comment-form .field{margin:0;flex:1}@media(max-width:1040px){.login-shell,.shell-body{grid-template-columns:1fr}.shell-nav{display:flex;gap:.5rem;border-right:none;border-bottom:1px solid var(--border-soft);padding:.8rem;overflow:auto}.nav-item{width:auto;min-width:max-content;margin-bottom:0}.overview-grid,.overview-context{grid-template-columns:1fr}}