*,*: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);--shadow-button: 0 8px 22px rgba(10, 42, 74, .12);--shadow-panel: 0 14px 34px rgba(17, 36, 62, .07);--surface-glow: rgba(255, 255, 255, .78);--nav-active-shadow: 0 10px 22px rgba(7, 145, 207, .16);--control-height: 2.6rem;--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);--shadow-button: 0 10px 28px rgba(4, 12, 23, .35);--shadow-panel: 0 16px 36px rgba(4, 10, 21, .34);--surface-glow: rgba(122, 173, 211, .06);--nav-active-shadow: 0 12px 22px rgba(10, 76, 110, .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:1.05rem 1.7rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--surface-glow);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-tagline{margin-top:.24rem;color:var(--text-tertiary);font-size:.69rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.shell-mode-platform .nav-item.active{border-color:#0791cf73;background:#0791cf1a}.shell-mode-tenant .nav-item.active{border-color:#0791cf61;background:#0791cf16}.shell-body-single{grid-template-columns:1fr}.shell-body-single .shell-main{max-width:720px;margin:0 auto;width:100%}.shell-header-right{display:flex;align-items:center;gap:.75rem}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;border:1px solid var(--border-strong);border-radius:999px;background:linear-gradient(180deg,var(--surface) 0%,var(--surface-muted) 100%);color:var(--text-secondary);font-size:.92rem;line-height:1;box-shadow:inset 0 1px 0 var(--surface-glow)}.theme-toggle:hover{background:var(--surface-hover);transform:translateY(-1px)}.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:.5rem .88rem;color:var(--text-secondary);font-size:.76rem;font-weight:600;letter-spacing:.03em;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:.52rem .98rem;font-size:.76rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.shell-body{display:grid;grid-template-columns:252px minmax(0,1fr);flex:1}.shell-nav{border-right:1px solid var(--border-soft);background:var(--nav-bg);padding:1.45rem 1rem;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:.5rem;padding:.74rem .9rem;text-align:left;color:var(--text-secondary);font-size:.79rem;font-weight:600;letter-spacing:.08em;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);box-shadow:var(--nav-active-shadow)}.shell-main{padding:2.3rem clamp(1.2rem,4vw,2.8rem)}.page-wrap{margin:0 auto;width:100%;max-width:1140px}.page-header{margin-bottom:1.55rem}.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.48rem,2.4vw,2.06rem);line-height:1.15;letter-spacing:-.01em}.page-description{margin:.62rem 0 0;max-width:72ch;color:var(--text-secondary);line-height:1.62}.surface{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-panel);transition:background-color .18s ease,border-color .18s ease}.surface-pad{padding:1.28rem 1.35rem}.btn{border:1px solid transparent;border-radius:var(--radius-sm);min-height:var(--control-height);padding:.66rem 1.08rem;font-size:.77rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;cursor:pointer}.btn-primary{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 88%,#ffffff 12%) 0%,var(--brand) 100%);color:#f5f9ff;box-shadow:var(--shadow-button)}.btn-primary:hover:not(:disabled){background:var(--brand-strong);transform:translateY(-1px)}.btn-secondary{border-color:var(--border-strong);background:linear-gradient(180deg,var(--surface) 0%,var(--surface-muted) 100%);color:var(--text-secondary);box-shadow:inset 0 1px 0 var(--surface-glow)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);transform:translateY(-1px)}.btn-link{min-height:2rem;border:none;background:transparent;padding:.08rem 0;color:var(--brand-strong);letter-spacing:.04em;font-size:.75rem;text-transform:uppercase}.btn-link:hover:not(:disabled){color:var(--brand)}.btn:disabled{opacity:.54;cursor:not-allowed;box-shadow:none}.btn:active:not(:disabled){transform:translateY(0)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.field{margin-bottom:1rem}.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:.35rem;color:var(--text-tertiary);font-size:.77rem;line-height:1.45}.field-control{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--field-bg) 0%,color-mix(in srgb,var(--field-bg) 90%,var(--surface-muted) 10%) 100%);min-height:var(--control-height);padding:.7rem .84rem;color:var(--text-primary);box-shadow:inset 0 1px 0 var(--surface-glow)}.field-control:focus{outline:none;border-color:var(--input-focus-border);box-shadow:var(--focus-ring)}.field-control::placeholder{color:var(--field-placeholder)}select.field-control{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-tertiary) 50%),linear-gradient(135deg,var(--text-tertiary) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:2.2rem;color-scheme:light}select.field-control option,select.field-control optgroup{background:var(--field-bg);color:var(--text-primary)}select.field-control:disabled,select.field-control option:disabled{color:var(--text-tertiary)}[data-theme=dark] select.field-control{color-scheme:dark}.banner{border-radius:var(--radius-sm);border:1px solid transparent;margin-bottom:1rem;padding:.75rem .9rem;font-size:.84rem;line-height:1.5}.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)}.warn-banner{border-color:var(--badge-warn-border);background:var(--badge-warn-bg);color:var(--badge-warn-text)}.state-card{border:1px var(--state-border-style) var(--state-border);border-radius:var(--radius-md);background:var(--state-bg);padding:2.15rem 1.5rem;text-align:center;color:var(--text-secondary);box-shadow:inset 0 1px 0 var(--surface-glow)}.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.5rem}.login-shell{display:grid;gap:1.2rem;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.6rem,3.4vw,2.3rem);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:.9rem 0 0;max-width:52ch;color:var(--login-copy);line-height:1.65}.login-brand-list{list-style:none;margin:1.35rem 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:.78rem .88rem;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.4rem,3.4vw,2.15rem);box-shadow:var(--shadow-soft);display:flex;flex-direction:column}.login-headline{margin:0 0 .35rem;font-size:1.56rem;letter-spacing:-.01em}.login-subtitle{margin:0 0 1.35rem;color:var(--text-secondary)}.password-guidance{margin:.2rem 0 1rem;color:var(--text-tertiary);font-size:.8rem}.secure-note{margin-top:1.35rem;color:var(--text-tertiary);font-size:.8rem;line-height:1.5}.auth-actions{display:flex;flex-direction:column;align-items:stretch;gap:1.2rem;margin-top:.35rem}.auth-actions .btn-primary{width:100%}.auth-secondary-action{align-self:center;min-height:auto;padding:.2rem .35rem;margin:0;font-size:.73rem;font-weight:600;letter-spacing:.07em;color:color-mix(in srgb,var(--text-secondary) 70%,var(--brand) 30%);border-radius:999px;text-decoration:none}.auth-secondary-action:hover:not(:disabled){color:var(--brand-strong);background:color-mix(in srgb,var(--brand-ring) 80%,transparent 20%)}.auth-secondary-action:focus-visible{outline:none;box-shadow:var(--focus-ring)}[data-theme=dark] .auth-secondary-action{color:color-mix(in srgb,var(--text-secondary) 72%,#8cd5f8 28%)}.overview-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1.25rem}.metric-card{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);padding:1.15rem 1.1rem;min-height:126px;display:flex;flex-direction:column;justify-content:center}.metric-label{margin:0;color:var(--text-tertiary);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.metric-value{margin:.55rem 0 0;color:var(--brand-ink);font-size:clamp(1.55rem,2.65vw,2.2rem);font-weight:750;line-height:1.08}.overview-context{display:grid;gap:.85rem;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:1rem}.context-label{margin:0;color:var(--text-tertiary);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.context-value{margin:.48rem 0 0;color:var(--text-primary);font-weight:600;word-break:break-word;line-height:1.42}.table-card{overflow:hidden;border-radius:calc(var(--radius-md) + 2px)}.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:.88rem 1rem;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:.11em;text-transform:uppercase;position:sticky;top:0;z-index:1}.data-table td{color:var(--text-primary);font-size:.88rem;line-height:1.45}.data-table tbody tr:hover{background:var(--table-row-hover)}.data-table tbody tr:last-child td{border-bottom:none}.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:.22rem .62rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;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,.badge-unknown,.badge-neutral{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:1.1rem}.filters{display:grid;gap:1rem;margin-bottom:1.15rem;grid-template-columns:repeat(2,minmax(0,260px))}.create-form,.ticket-detail{margin-bottom:1.15rem}.ticket-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;margin-bottom:.85rem}.ticket-description{margin:.95rem 0;color:var(--text-secondary);white-space:pre-wrap;line-height:1.6}.assign-section{display:flex;align-items:flex-end;gap:.7rem;margin:1.15rem 0}.assign-section .field{margin:0;flex:1}.comments-list{list-style:none;margin:.65rem 0 0;padding:0}.comments-list li{border-bottom:1px solid var(--border-dim);padding:.72rem 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}.access-restricted-card{text-align:left}.access-restricted-card .btn-primary{margin-top:1rem}.section-title{margin:0 0 .58rem;font-size:1.02rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.section-lead{margin-top:0;margin-bottom:1rem}.platform-section{margin-top:1.4rem}.platform-recent-list{list-style:none;margin:0;padding:0}.platform-recent-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border-dim);padding:.86rem 0}.platform-recent-list li:last-child{border-bottom:none}.platform-recent-name{margin:0;font-weight:600;color:var(--text-primary)}.platform-recent-meta{margin:.24rem 0 0;font-size:.8rem;color:var(--text-tertiary)}.platform-recent-right{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0}.platform-recent-date{font-size:.75rem;color:var(--text-tertiary)}.state-card-inline{text-align:left;padding:1.2rem 1.1rem}.tenant-context-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tenant-overview-context{margin-top:1.35rem}.inline-code{padding:.12rem .35rem;border-radius:6px;background:var(--surface-muted);border:1px solid var(--border-soft);font-size:.82rem}.ops-checklist{margin:.5rem 0 0;padding-left:1.2rem;color:var(--text-secondary)}.ops-checklist li{margin-bottom:.56rem}.admin-section{margin-bottom:1.65rem}.form-section-title{margin:0 0 .75rem;font-size:.95rem;font-weight:700}.platform-attention-banner{margin-top:1rem}@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:.9rem;overflow:auto}.nav-item{width:auto;min-width:max-content;margin-bottom:0}.shell-header,.shell-main{padding-inline:1rem}.overview-grid,.overview-context,.filters{grid-template-columns:1fr}.assign-section,.comment-form{flex-direction:column;align-items:stretch}}
