:root{font-family:Sora,IBM Plex Sans,Segoe UI,sans-serif;color:#eaf1ef;background:radial-gradient(circle at top left,rgba(19,78,74,.45),transparent 35%),radial-gradient(circle at bottom right,rgba(180,83,9,.2),transparent 28%),linear-gradient(180deg,#08141c,#0f1f2a);color-scheme:dark;--panel: rgba(14, 28, 37, .88);--panel-elevated: rgba(16, 34, 45, .96);--panel-border: rgba(141, 166, 179, .22);--panel-soft: rgba(64, 94, 112, .16);--text-0: #f2f7f6;--text-1: #c7d5d3;--text-muted: #8fa3a8;--brand: #19a07c;--brand-deep: #0c6c63;--accent: #d88f2c;--danger: #e66767;--warn: #eab75c;--good: #4dd197;--shadow-lg: 0 24px 60px rgba(3, 9, 14, .36);--shadow-md: 0 12px 30px rgba(3, 9, 14, .24);--radius-lg: 28px;--radius-md: 18px;--radius-sm: 12px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;color:var(--text-0)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,input,textarea,select{border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:#0a151ee0;color:var(--text-0)}input,textarea,select{width:100%;padding:12px 14px}textarea{resize:vertical}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;border-bottom:1px solid rgba(143,163,168,.12);text-align:left;vertical-align:top}th{color:var(--text-muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}pre{margin:0;white-space:pre-wrap;word-break:break-word}.login-screen{min-height:100vh;display:grid;place-items:center;padding:28px}.login-layout{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:22px;align-items:stretch}.login-hero-panel,.login-panel{border:1px solid var(--panel-border);border-radius:28px;box-shadow:var(--shadow-lg)}.login-hero-panel{padding:32px;display:grid;gap:22px;background:radial-gradient(circle at top right,rgba(216,143,44,.18),transparent 28%),linear-gradient(145deg,#122a33fa,#09181ff0),var(--panel)}.login-hero-panel h1,.login-panel h2{margin:0}.login-hero-panel h1{max-width:13ch;font-size:clamp(2.2rem,5vw,4.4rem);line-height:.96}.login-hero-panel p,.login-panel p,.login-note{margin:0;color:var(--text-1);line-height:1.6}.login-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.login-panel{padding:30px;display:grid;gap:18px;align-content:start;background:#0b1720f0}.login-meta{display:flex;gap:10px;flex-wrap:wrap}.shell{min-height:100vh;display:grid;grid-template-columns:290px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:#060e15d6;border-right:1px solid rgba(143,163,168,.16);display:flex;flex-direction:column;gap:20px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-card,.panel-card,.help-rail,.hero-panel,.metric-card,.loading-card,.error-card,.fullscreen-card{border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow-md)}.brand-card{border-radius:24px;padding:22px;background:linear-gradient(160deg,#122a33fa,#09181feb),var(--panel)}.brand-card h1{margin:8px 0 10px;font-size:27px;line-height:1.05}.brand-card p{margin:0;color:var(--text-1);line-height:1.5}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700}.version-chip{display:inline-flex;margin-top:16px;padding:7px 12px;border-radius:999px;background:#19a07c29;color:#96f0d3;border:1px solid rgba(25,160,124,.24)}.nav-stack{display:flex;flex-direction:column;gap:18px}.nav-group-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px;margin-bottom:8px}.nav-group-links{display:flex;flex-direction:column;gap:6px}.nav-link{padding:12px 14px;border-radius:14px;color:var(--text-1);transition:background .12s ease,transform .12s ease,color .12s ease}.nav-link:hover,.nav-link.active{background:#19a07c24;color:var(--text-0);transform:translate(2px)}.sidebar-footer{margin-top:auto;display:grid;gap:10px}.content-shell{min-width:0;padding:18px 22px 26px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.topbar h2,.page-header h3,.hero-panel h3,.section-heading h4{margin:6px 0 0}.topbar-meta{display:flex;gap:10px;flex-wrap:wrap}.page-content,.page-stack,.detail-stack,.form-stack,.list-stack,.help-list,.hint-grid{display:flex;flex-direction:column;gap:18px}.page-header{max-width:880px}.page-header p,.panel-head p,.hero-panel p,.help-item p,.kv-item span,.empty-state,.feed-row p,.timeline-body p,.metric-card p{color:var(--text-1)}.hero-panel{border-radius:var(--radius-lg);padding:26px;display:grid;gap:22px;grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr)}.hero-strip,.status-grid,.overview-grid,.editor-grid,.master-detail,.kv-grid,.route-grid,.grid-two,.grid-three,.grid-four{display:grid;gap:18px}.hero-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-pill,.metric-card,.hint-card,.preview-card,.helper-card,.route-card{border-radius:20px;background:#0a151ec2;border:1px solid rgba(143,163,168,.14)}.metric-pill{padding:16px}.metric-pill span,.metric-card span{display:block;color:var(--text-muted)}.metric-pill strong,.metric-card strong{display:block;margin-top:8px;font-size:18px}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{padding:18px}.metric-card strong{font-size:34px}.metric-card p{margin:8px 0 0}.metric-card.tone-good{box-shadow:inset 0 0 0 1px #4dd19738}.metric-card.tone-warn{box-shadow:inset 0 0 0 1px #eab75c38}.metric-card.tone-bad{box-shadow:inset 0 0 0 1px #e6676738}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.master-detail{grid-template-columns:minmax(320px,.9fr) minmax(0,1.3fr);align-items:start}.panel-card{border-radius:24px;padding:22px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:18px}.panel-head h4,.help-rail h4{margin:0 0 6px}.feed-row,.incident-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(143,163,168,.1)}.incident-row{width:100%;text-align:left;cursor:pointer}.incident-row.active,.feed-row:hover,.incident-row:hover,.card-row.highlighted,.route-card.highlighted{border-color:#19a07c66;background:#19a07c1a}.feed-row strong,.incident-row strong{display:block}.feed-row p,.incident-row p,.timeline-body p{margin:6px 0 0}.feed-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;color:var(--text-muted);font-size:13px}.feed-title-row{display:flex;gap:10px;align-items:center}.feed-type{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;text-transform:capitalize;border:1px solid transparent}.status-badge.tone-good{color:#96f0d3;background:#4dd19729;border-color:#4dd19738}.status-badge.tone-bad{color:#ffc4c4;background:#e6676729;border-color:#e667673d}.status-badge.tone-warn{color:#ffd894;background:#eab75c29;border-color:#eab75c38}.status-badge.tone-neutral{color:var(--text-1);background:#8fa3a81a;border-color:#8fa3a82e}.toolbar{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.toolbar label{min-width:180px;display:grid;gap:8px;color:var(--text-muted)}.toolbar-search{flex:1 1 300px}.detail-hero{display:flex;justify-content:space-between;gap:18px;padding:18px;border-radius:20px;background:#ffffff08}.kv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kv-item{padding:14px 16px;border-radius:16px;background:#ffffff08;border:1px solid rgba(143,163,168,.08)}.kv-item strong{display:block;margin-top:6px}.section-heading{display:flex;justify-content:space-between;gap:18px;align-items:end}.section-heading p{max-width:640px;margin:0}.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-card{padding:18px}.route-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.timeline{position:relative;display:flex;flex-direction:column;gap:18px}.timeline-row{display:grid;grid-template-columns:20px minmax(0,1fr);gap:16px}.timeline-row.highlighted .timeline-body{border-color:#19a07c6b;background:#19a07c1f}.timeline-row.highlighted .timeline-dot{box-shadow:0 0 0 6px #d88f2c2e;background:linear-gradient(180deg,var(--accent),#ffd894)}.timeline-dot{width:12px;height:12px;margin-top:8px;border-radius:999px;background:linear-gradient(180deg,var(--brand),#7ce6ce);box-shadow:0 0 0 6px #19a07c24}.timeline-body{padding:16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(143,163,168,.08)}.timeline-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.json-block,.query-cell{font-family:JetBrains Mono,SFMono-Regular,monospace;font-size:12px}.json-block{margin-top:12px;padding:12px;border-radius:12px;background:#040c12eb}.table-wrap{overflow:auto;border-radius:18px;border:1px solid rgba(143,163,168,.12)}.workflow-row-disabled td{background:#e667670f}.workflow-row-disabled td:first-child{box-shadow:inset 4px 0 #e6676780;color:#ffd0d0}.workflow-row-disabled td:nth-child(2){color:#ffb8b8}.action-cell{white-space:nowrap}.primary-button,.ghost-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.primary-button{background:linear-gradient(135deg,#19a07c,#177e94);border-color:#19a07c75}.ghost-button{background:#ffffff0a}.danger-button{background:#e6676729;border-color:#e6676752}.primary-button:hover,.ghost-button:hover,.danger-button:hover{transform:translateY(-1px)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#040c12c2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-card{width:min(520px,100%);border-radius:24px;padding:24px;border:1px solid rgba(230,103,103,.26);background:linear-gradient(180deg,#141a21fa,#0a1016fa);box-shadow:var(--shadow-lg)}.dialog-card-wide{width:min(920px,100%);max-height:calc(100vh - 48px);overflow-y:auto}.dialog-input{width:100%}.danger-note{color:#ffb1b1}.help-rail{border-radius:24px;padding:22px;position:sticky;top:20px}.help-item{padding:14px 0;border-bottom:1px solid rgba(143,163,168,.12)}.help-item:last-child{border-bottom:0}.form-field{display:grid;gap:8px}.field-label{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--text-1)}.help-bubble{position:relative;display:inline-flex;align-items:center}.help-dot{width:22px;height:22px;padding:0;border-radius:999px;cursor:help;border-color:#19a07c5c;background:#19a07c1f}.help-popover{position:absolute;top:calc(100% + 10px);right:0;width:min(280px,72vw);padding:12px 14px;border-radius:14px;border:1px solid rgba(25,160,124,.32);background:#061018fa;color:var(--text-0);box-shadow:var(--shadow-md);line-height:1.5;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:20}.help-popover.open{opacity:1;transform:translateY(0)}.field-error{color:#ffb0b0;font-size:12px}.form-actions,.inline-actions,.mode-toggle,.toggle-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.toggle-row{color:var(--text-0)}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.builder-header,.builder-card-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.builder-header p,.builder-card p{margin:0;color:var(--text-1)}.builder-stack{display:flex;flex-direction:column;gap:16px}.builder-card,.preview-card,.helper-card,.hint-card{padding:18px}.hint-card strong,.helper-card strong,.preview-card strong{display:block;margin-bottom:8px}.preview-card,.helper-card{border-style:dashed}.hint-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.empty-state,.loading-card,.error-card{padding:20px;border-radius:18px}.loading-card{background:#ffffff0a}.error-card{background:#e6676724;color:#ffd7d7}.error-card.compact{padding:14px}.fullscreen-state{min-height:100vh;display:grid;place-items:center;padding:24px}.fullscreen-card{border-radius:28px;padding:32px;max-width:560px}.toast-stack{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;z-index:1000}.toast-card{min-width:240px;padding:14px 16px;border-radius:14px;box-shadow:var(--shadow-lg)}.toast-card.success{background:#19a07ceb}.toast-card.error{background:#b63e3ef5}@media (max-width: 1280px){.status-grid,.overview-grid,.kv-grid,.route-grid,.grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1080px){.login-layout,.login-highlight-grid,.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.editor-grid,.master-detail,.hero-panel,.grid-three,.grid-two,.grid-four,.status-grid,.overview-grid,.kv-grid,.route-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}@media (max-width: 720px){.login-screen,.content-shell{padding:14px}.login-panel,.panel-card,.brand-card,.help-rail,.hero-panel{padding:18px;border-radius:20px}.login-hero-panel{padding:22px;border-radius:20px}th,td{padding:10px}.feed-row,.incident-row,.timeline-head,.section-heading,.detail-hero,.builder-header,.builder-card-head{flex-direction:column;align-items:flex-start}.feed-meta{align-items:flex-start}}