:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07111f;--bg-elevated:#081222c7;--card:#ffffff0d;--border:#ffffff1a;--text:#e8f0ff;--muted:#a4b4cf;--accent:#7a7cff;--accent-2:#3ec7ff;--success:#37d39a;--shadow:0 24px 80px #00000059;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 0 0,#575fff52,#0000 32%),radial-gradient(circle at 100% 0,#3ec7ff38,#0000 28%),linear-gradient(#09111f 0%,#050a14 100%);margin:0}button,input,select{font:inherit}button{color:inherit}img{max-width:100%;display:block}.centerState{min-height:100vh;color:var(--muted);place-items:center;display:grid}.loginRoot{place-items:center;min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.loginBackdrop{pointer-events:none;background:linear-gradient(135deg,#ffffff14 0%,#0000 30%),radial-gradient(circle,#7a7cff2e,#0000 38%);position:absolute;inset:0}.loginCard{border:1px solid var(--border);width:min(1040px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050c18cc;border-radius:28px;padding:28px;position:relative}.loginCardCompact{gap:24px;width:min(760px,100%);display:grid}.brandBlock{grid-template-columns:104px 1fr;align-items:center;gap:20px;margin-bottom:24px;display:grid}.brandBlockCompact{margin-bottom:0}.brandLogo{object-fit:contain;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:24px;width:104px;height:104px;padding:10px}.eyebrow,.sectionEyebrow{text-transform:uppercase;letter-spacing:.14em;color:#88c8ff;font-size:11px}.brandBlock h1,.pageTitle,.heroCard h2,.detailStack h3{margin:8px 0}.brandBlock p,.muted{color:var(--muted)}.loginGrid,.heroGrid,.dashboardGrid,.kpiGrid,.ticketsLayout{gap:18px;display:grid}.loginGrid,.heroGrid,.dashboardGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpiGrid{grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0}.ticketsLayout{grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.glassCard{border:1px solid var(--border);background:var(--bg-elevated);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px}.accentCard{background:linear-gradient(180deg, #7a7cff38, #3ec7ff14), var(--bg-elevated)}.heroMetric,.kpiValue{margin:10px 0 6px;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.05}.entryTrustRow{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.entryTrustPill{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.entryTrustPill strong{font-size:16px;line-height:1.2}.loginActionRow{justify-content:space-between;align-items:center;gap:18px;display:flex}.loginPrimaryAction{min-width:260px}.appShell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050a14b8;flex-direction:column;gap:24px;padding:24px 18px;display:flex}.sidebarBrand{align-items:center;gap:14px;display:flex}.sidebarLogo{object-fit:contain;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:14px;width:52px;height:52px;padding:6px}.sidebarTitle{font-size:18px;font-weight:800}.sidebarSub,.smallText{color:var(--muted);font-size:12px}.navStack{flex-direction:column;gap:8px;display:flex}.navButton,.btnGhost,.btnPrimary,.input{border:1px solid var(--border);border-radius:16px}.navButton,.btnGhost{cursor:pointer;text-align:left;background:#ffffff09;padding:12px 14px}.navButton.active{background:linear-gradient(180deg, #7a7cff42, color-mix(in srgb, var(--accent-color,#38bdf8) 16%, transparent));border-color:#7a7cff57}.sidebarFoot{flex-direction:column;gap:10px;margin-top:auto;display:flex}.sidebarUser{font-weight:700}.mainPane{flex-direction:column;gap:18px;padding:24px;display:flex}.topbar,.heroCard,.chartCard,.kpiCard,.panelTall,.emptyPane{padding:20px}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbarActions,.rowGap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pageTitle{font-size:clamp(24px,3vw,34px);font-weight:800}.banner{color:var(--muted);background:#ffffff09;border:1px solid #ffffff14;border-radius:16px;padding:12px 14px}.banner.error{color:#ffd2d2;background:#8c141433;border-color:#ff6e6e47}.btnPrimary{background:linear-gradient(180deg, #7a7cffb8, color-mix(in srgb, var(--accent-color,#38bdf8) 42%, transparent));cursor:pointer;width:100%;margin-top:18px;padding:14px 18px;font-weight:800}.btnGhost{padding:11px 14px}.input{color:var(--text);background:#ffffff0a;min-width:220px;padding:11px 14px}.workspaceSelect{color:#f4f8ff;background:#101c31f5}.workspaceSelect option{color:#f4f8ff;background:#13233c}.workspaceSelect option[value=""]{color:#bfd0ea}.workspaceSelect option:checked,.workspaceSelect option:hover{color:#10203a;background:#8cb5e4}.featureList{gap:10px;margin:12px 0 0;padding-left:18px;display:grid}.featureList.compact{gap:8px}.chartHeader,.panelHead,.ticketRow,.ticketMeta{justify-content:space-between;align-items:center;gap:12px;display:flex}.sparkline{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;height:180px;margin-top:18px;display:grid}.sparkline span{background:linear-gradient(#3ec7fff2,#7a7cff73);border-radius:18px 18px 8px 8px;box-shadow:inset 0 1px #fff3}.ticketList{flex-direction:column;gap:10px;margin-top:16px;display:flex}.ticketRow{text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;width:100%;padding:14px}.ticketRow.selected{background:#7a7cff1f;border-color:#7a7cff57}.ticketNumber{color:#8fd6ff;letter-spacing:.14em;text-transform:uppercase;font-size:12px}.ticketTitle{margin-top:5px;font-weight:700}.pill{border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:12px;display:inline-flex}.pillLive{color:#9ef0cf;background:#37d39a1f;border-color:#37d39a47}.pillMuted{color:var(--muted);background:#ffffff0f}.panelTitle{font-size:18px;font-weight:800}.emptyState,.emptyPane p{color:var(--muted)}.detailStack{flex-direction:column;gap:12px;display:flex}.divider{background:#ffffff14;height:1px;margin:4px 0}@media (width<=1180px){.appShell,.entryTrustRow,.loginGrid,.heroGrid,.dashboardGrid,.kpiGrid,.ticketsLayout,.brandBlock{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);position:static}.appShell{display:block}}@media (width<=720px){.mainPane,.loginRoot,.loginCard,.topbar,.heroCard,.chartCard,.kpiCard,.panelTall,.emptyPane{padding:16px}.topbar,.loginActionRow,.topbarActions,.rowGap{flex-direction:column;align-items:stretch}.input{width:100%;min-width:0}}.dashboardGridWide{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardGridSplit{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.metricBars{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));align-items:end;gap:12px;height:180px;margin-top:18px;display:grid}.metricBarWrap{flex-direction:column;justify-content:end;align-items:center;gap:8px;height:100%;display:flex}.metricBar{background:linear-gradient(#3ec7fff2,#7a7cff73);border-radius:18px 18px 8px 8px;width:100%;box-shadow:inset 0 1px #fff3}.metricBarWrap span{text-align:center;color:var(--muted);font-size:12px}.summaryStatGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.miniStat{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:6px;padding:14px;display:flex}.miniStatLabel{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.miniStat strong{font-size:24px}.stackList{flex-direction:column;gap:10px;margin-top:16px;display:flex}.stackRow{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.stackRow.topAligned{align-items:flex-start}.stackMeta{text-align:right;color:var(--muted)}.projectCardSlim{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex}.progressTrack{background:#ffffff0f;border-radius:999px;height:10px;overflow:hidden}.progressTrack span{border-radius:inherit;background:linear-gradient(90deg,#3ec7fff2,#7a7cff99);height:100%;display:block}.compactMeta{background:0 0;border:0;padding:0}.compactList .ticketRow{padding:12px 14px}.pillDanger{color:#ffd2d2;background:#ff5f5f24;border-color:#ff5f5f47}.pillWarn{color:#ffe6a0;background:#ffc45524;border-color:#ffc45547}@media (width<=1180px){.dashboardGridWide,.dashboardGridSplit,.summaryStatGrid,.formGridThree{grid-template-columns:1fr}}.tightRight{align-items:flex-end}.compactButton{border-radius:12px;padding:8px 12px}.onboardingForm{gap:14px;margin-top:18px;display:grid}.toggleRow{color:var(--muted);align-items:flex-start;gap:10px;font-size:14px;display:flex}.toggleRow input{margin-top:2px}.narrowButton{width:auto;margin-top:0}.uiDensity-compact .panelTall,.uiDensity-compact .topbar,.uiDensity-compact .heroCard,.uiDensity-compact .chartCard,.uiDensity-compact .kpiCard{padding:16px}.uiDensity-spacious .panelTall,.uiDensity-spacious .topbar,.uiDensity-spacious .heroCard,.uiDensity-spacious .chartCard,.uiDensity-spacious .kpiCard{padding:26px}.uiCompact .stackList,.uiCompact .formGridTwo,.uiCompact .formGridThree{gap:8px}.customizationGrid{align-items:start}.customizationWide{grid-column:1/-1}.scopeGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.scopeButton{color:var(--text);text-align:left;cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:16px;gap:6px;padding:14px;display:grid}.scopeButton.active{border-color:color-mix(in srgb, var(--accent-color,#38bdf8) 45%, transparent);background:color-mix(in srgb, var(--accent-color,#38bdf8) 16%, #ffffff09)}.scopeButton small{color:var(--muted);overflow-wrap:anywhere}.customizationRow{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.customizationGrow,.customizationGrow .input{width:100%;min-width:0}.iconButton{text-align:center;min-width:54px}.formGridThree{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.customizationTable{gap:10px;display:grid}.customFieldEditor{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:14px}.dispatchShell{grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:18px;display:grid}.dispatchSummaryCard,.dispatchBoardCard,.dispatchDetailCard{min-width:0}.dispatchSummaryCard{grid-column:1/-1}.dispatchStatGrid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:12px;margin:16px 0;display:grid}.dispatchQueueBands{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.queueBand{text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.dispatchFilterGrid{grid-template-columns:2fr repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.dispatchSearch{width:100%;min-width:0}.dispatchTicketList{max-height:920px;padding-right:4px;overflow:auto}.dispatchTicketRow{gap:10px;display:grid}.dispatchTicketPrimary,.dispatchTicketSecondary,.dispatchBadgeStack{justify-content:space-between;align-items:center;gap:10px;display:flex}.dispatchTicketSecondary{flex-wrap:wrap}.dispatchBadgeStack{flex-wrap:wrap;justify-content:flex-end}.dispatchEditorGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dispatchField{gap:6px;display:grid}.dispatchFieldWide{grid-column:1/-1}.dispatchClockGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dispatchClock{color:#9ef0cf;align-items:center;gap:6px;font-size:12px;display:inline-flex}.dispatchClockWarn{color:#ffe6a0}.dispatchClockBad{color:#ffd2d2}@media (width<=1180px){.dispatchShell,.dispatchStatGrid,.dispatchClockGrid,.dispatchEditorGrid,.dispatchFilterGrid,.dispatchInsightGrid,.dispatchMinorGrid{grid-template-columns:1fr}}.dispatchInsightGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.dispatchInsightPanel{background:#ffffff08;border:1px solid #ffffff14;border-radius:22px;min-width:0;padding:14px}.dispatchCompactRow{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit}.dispatchCallout{background:#7a7cff1a;border:1px solid #7a7cff3d;border-radius:18px;padding:14px}.dispatchMinorGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.textareaInput{resize:vertical;min-height:110px}.formGridTwo{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.fieldStack{align-content:start;gap:6px;display:grid}@media (width<=880px){.formGridTwo,.ownerTenantGrid,.ownerTenantRow,.ownerLinkGrid{grid-template-columns:1fr}.ownerTenantActions{flex-flow:wrap;min-width:0}}.commWideField{grid-column:1/-1}.commLogList{max-height:560px;padding-right:4px;overflow:auto}.contextPanel{flex-direction:column;gap:10px;display:flex}.contextLink{color:inherit;text-underline-offset:2px;text-decoration:underline}.contextCode{white-space:pre-wrap;overflow-wrap:anywhere;background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;margin:0;padding:12px;font-size:.82rem;line-height:1.45}.contextRelatedList{flex-direction:column;gap:6px;margin-top:8px;display:flex}.wrapGap{flex-wrap:wrap}@media (width<=960px){.contextSectionGrid{grid-template-columns:1fr}}.formGridFull{grid-column:1/-1}.ownerTenantGrid{grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);align-items:start}.ownerTenantListCard{min-width:0}.ownerTenantRow{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding:14px;display:grid}.ownerTenantMeta{overflow-wrap:anywhere;min-width:0}.ownerLinkGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.ownerLinkGrid .input{width:100%;min-width:0}.ownerTenantActions{flex-direction:column;gap:8px;min-width:128px;display:flex}.dangerButton{color:#ffd2d2;border-color:#ff5f5f47}.toggleField{align-content:center}.modalOverlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:60;background:#020710b3;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modalCard{width:min(920px,100%);max-height:calc(100vh - 48px);padding:20px;overflow:auto}.modalBody{gap:12px;margin-top:14px;display:grid}.modalFooter{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}@media (width<=880px){.modalOverlay{padding:14px}.modalCard{width:100%;max-height:calc(100vh - 28px)}}.dispatchShell{grid-template-columns:minmax(0,1fr);display:grid}.dispatchBoardGrid,.dispatchContextGrid{grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.dispatchBoardColumn,.dispatchBoardColumnWide,.contextPanel,.dispatchInsightPanel{flex-direction:column;gap:12px;display:flex}.dispatchInsightPanel{background:#ffffff06;border:1px solid #ffffff14;border-radius:20px;padding:16px}.dispatchCompactRow{text-align:left;background:#ffffff06;border:1px solid #ffffff14;border-radius:16px;padding:12px}.dispatchTechGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.dispatchTechCard{min-height:220px}.dispatchTechMeta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.contextSectionGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.contextPanel{background:#ffffff06;border:1px solid #ffffff14;border-radius:20px;padding:14px}.compactTop{margin-top:12px}.compactPanelHead{align-items:flex-start}.compactButton{padding:9px 12px}.compactEmptyState{min-height:0;padding:12px}.queueBand{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;min-width:140px;padding:12px 14px;display:inline-flex}.queueBand.active{background:#7a7cff1f;border-color:#7a7cff57}.dispatchQueueBands{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.contextCode{background:#00000047;border:1px solid #ffffff14;border-radius:16px;margin-top:10px;padding:10px 12px;font-size:12px;overflow:auto}@media (width<=1200px){.dispatchBoardGrid,.dispatchContextGrid{grid-template-columns:1fr}}
