:root{--bg: #f8f9fc;--panel: rgba(255, 255, 255, .92);--panel-border: rgba(37, 99, 235, .08);--panel-hover: rgba(37, 99, 235, .03);--text: #0f172a;--text-muted: #64748b;--text-soft: #94a3b8;--brand: #2563eb;--brand-light: #60a5fa;--brand-strong: #1d4ed8;--brand-soft: rgba(37, 99, 235, .08);--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .08);--warn: #d97706;--warn-soft: rgba(217, 119, 6, .08);--success: #059669;--success-soft: rgba(5, 150, 105, .08);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow: 0 4px 24px rgba(15, 23, 42, .06);--shadow-lg: 0 12px 40px rgba(15, 23, 42, .1);--shadow-brand: 0 4px 14px rgba(37, 99, 235, .25);--radius-lg: 14px;--radius-md: 10px;--radius-sm: 8px;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--transition: .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14.5px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.login-shell,.app-shell,.layout-grid,.metrics-grid,.card-grid,.summary-grid,.filters-grid,.field-inline,.template-grid,.segment-grid,.wizard-progress,.kv-grid{display:grid;gap:16px}.login-shell{min-height:100vh;grid-template-columns:1.15fr .85fr}.app-shell{min-height:100vh;grid-template-columns:280px minmax(0,1fr)}.layout-grid{grid-template-columns:1.45fr 1fr}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid,.summary-grid,.template-grid,.segment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filters-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.field-inline{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-hero,.main-shell,.drawer-card{padding:24px}.login-hero{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#1e3a8a,#2563eb,#3b82f6);color:#fff;position:relative;overflow:hidden}.login-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(129,140,248,.3),transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.4),transparent 40%);pointer-events:none}.login-hero>*{position:relative;z-index:1}.login-hero h1,.page-header h1,.drawer-header h2,.wizard-header h2{margin:0;line-height:1.1;letter-spacing:-.025em;font-weight:800}.login-hero h1{font-size:clamp(2.2rem,4vw,3.4rem);max-width:12ch;margin-top:20px}.page-header h1,.drawer-header h2,.wizard-header h2{font-size:clamp(1.5rem,2.5vw,2rem)}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px;background:#f8f9fc}.login-card{width:100%;max-width:400px}.login-card h2{margin:0 0 4px;font-size:1.5rem;font-weight:800;letter-spacing:-.025em}.login-card p{margin:0 0 20px}.brand-lockup{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:.95rem}.brand-badge{width:40px;height:40px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.1rem;box-shadow:var(--shadow-brand)}.login-hero .brand-badge{background:#fff3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 12px #00000026}.list-stack,.status-list,.drawer-grid,.field-grid{display:grid;gap:12px}.panel,.table-shell,.subpanel,.metric-card,.drawer-card,.wizard-shell,.form-card,.empty-state,.login-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.panel,.table-shell,.metric-card,.subpanel,.form-card,.empty-state,.login-card{padding:20px}.metric-card{position:relative;overflow:hidden;transition:all var(--transition);border-left:3px solid var(--brand)}.metric-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.metric-card:nth-child(2){border-left-color:var(--success)}.metric-card:nth-child(3){border-left-color:var(--danger)}.metric-card:nth-child(4){border-left-color:var(--warn)}.sidebar{padding:20px 14px;border-right:1px solid rgba(37,99,235,.06);background:#fff;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;box-shadow:1px 0 #2563eb0a}.main-shell{display:grid;gap:20px;align-content:start}.page-header,.panel-header,.table-header,.drawer-header,.wizard-header,.actions-row,.button-row,.pill-row,.detail-actions,.split-header{display:flex;gap:12px;flex-wrap:wrap}.page-header,.panel-header,.table-header,.drawer-header,.wizard-header,.split-header{justify-content:space-between;align-items:flex-start}.drawer-title-row{display:flex;align-items:center;gap:12px}.btn-back{font-size:1rem;padding:6px 10px;line-height:1;display:inline-flex;align-items:center;gap:4px}.compact{margin-bottom:12px}.eyebrow,.badge,.chip,.status-pill,.severity-pill,.section-kicker,.stat-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.eyebrow{color:var(--brand)}.section-kicker{color:var(--brand);margin-bottom:2px}.muted{color:var(--text-muted);font-size:.82rem}.login-space{margin-top:24px}.login-hero .eyebrow{color:#ffffffb3}.support-copy,.meta,.table-note,.field span,.panel p,.empty-state p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.stat-label{color:var(--text-muted);font-size:.7rem}.btn{border:none;border-radius:var(--radius-sm);padding:10px 18px;font-weight:600;font-size:.875rem;transition:all var(--transition);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;line-height:1.4}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover{box-shadow:0 6px 20px #2563eb59;background:linear-gradient(135deg,#1d4ed8,#2563eb)}.btn-secondary{background:var(--brand-soft);color:var(--brand);border:1px solid rgba(37,99,235,.12)}.btn-secondary:hover{background:#2563eb24;border-color:#2563eb33}.btn-ghost{background:transparent;border:1px solid rgba(37,99,235,.1);color:var(--text-muted)}.btn-ghost:hover{background:#2563eb0a;border-color:#2563eb2e;color:var(--text)}.auto-refresh-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 12px;border-radius:8px;border:1px solid rgba(37,99,235,.1);background:transparent;transition:all .15s}.auto-refresh-toggle:has(input:checked){color:var(--accent);border-color:var(--accent);background:#2563eb0f}.auto-refresh-toggle input{accent-color:var(--accent);margin:0}.btn-danger{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(220,38,38,.12)}.btn-danger:hover{background:#dc262624}.top-gap{margin-top:16px}.instance-error-detail{margin-top:-8px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:.84rem;line-height:1.5;word-break:break-word;font-family:var(--font-mono);border-left:3px solid var(--danger)}.error-text{color:var(--danger);font-size:.84rem;cursor:help}.instance-danger-zone{margin-top:24px;padding-top:20px;border-top:1px dashed rgba(220,38,38,.25);display:grid;gap:12px}.field{display:grid;gap:6px}label.field>span{font-size:.875rem;font-weight:600;color:var(--text)}input,select,textarea{width:100%;border:1.5px solid rgba(37,99,235,.12);border-radius:var(--radius-sm);background:#f8f9fccc;padding:11px 14px;color:var(--text);transition:all var(--transition);font-size:.9rem}input::placeholder,textarea::placeholder{color:var(--text-soft)}textarea{min-height:132px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1a;background:#fff}input:disabled{opacity:.5;cursor:not-allowed}.nav-list{display:grid;gap:4px}.nav-item{padding:10px 14px;border-radius:var(--radius-sm);color:var(--text-muted);font-weight:600;font-size:.9rem;transition:all var(--transition);display:flex;align-items:center;gap:10px}.nav-icon{width:20px;text-align:center;font-size:1rem;opacity:.7;flex-shrink:0}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{opacity:1}.nav-item.active{background:var(--brand-soft);color:var(--brand-strong);font-weight:700;box-shadow:inset 3px 0 0 var(--brand)}.nav-item:hover:not(.active){background:#2563eb0a;color:var(--text)}.support-card,.user-chip,.summary-card,.kv-item,.list-row,.status-row,.template-card,.segment-card{border-radius:var(--radius-md);border:1px solid var(--panel-border);background:#fff;transition:all var(--transition)}.support-card,.user-chip,.summary-card,.kv-item,.list-row,.status-row,.template-card,.segment-card{padding:14px 16px}.list-row,.status-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.list-row:hover,.status-row:hover{border-color:#2563eb26;box-shadow:var(--shadow-sm)}.support-card{margin:20px 0;background:linear-gradient(135deg,#2563eb0f,#3b82f608);border-color:#2563eb1a}.sidebar-footer{margin-top:auto;display:grid;gap:10px}.user-chip{background:linear-gradient(135deg,#2563eb0a,#3b82f605);border-color:#2563eb14}.user-chip strong{display:block;margin-bottom:6px;font-size:.9rem}.user-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-weight:700;font-size:.8rem;margin-right:10px;flex-shrink:0}.user-chip-header{display:flex;align-items:center;margin-bottom:8px}.table-scroller{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 14px;border-bottom:1px solid rgba(37,99,235,.06);text-align:left;vertical-align:top}th{color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-mono);font-weight:600;background:#2563eb05;border-bottom:2px solid rgba(37,99,235,.08)}tbody tr{transition:all var(--transition)}.clickable-row{cursor:pointer}.clickable-row:hover{background:#2563eb0a}.clickable-row:hover td:first-child .table-title{color:var(--brand)}.table-title{font-weight:700;letter-spacing:-.01em;transition:color var(--transition)}.status-row strong,.list-row strong,.panel h3{letter-spacing:-.01em}.panel h3{margin:0 0 4px;font-size:1.05rem;font-weight:700}.badge,.chip,.status-pill,.severity-pill{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:5px 10px;font-weight:600}.badge,.chip{background:#2563eb0f;color:var(--text-muted)}.status-pill:before,.severity-pill:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;flex-shrink:0}.status-success,.status-healthy,.severity-low{background:var(--success-soft);color:var(--success)}.status-success:before,.status-healthy:before,.severity-low:before{background:var(--success)}.status-warning,.status-running,.severity-medium{background:var(--warn-soft);color:var(--warn)}.status-warning:before,.status-running:before,.severity-medium:before{background:var(--warn)}.status-failed,.status-error,.severity-high{background:var(--danger-soft);color:var(--danger)}.status-failed:before,.status-error:before,.severity-high:before{background:var(--danger)}.status-inactive,.status-unknown{background:#64748b14;color:var(--text-soft)}.status-inactive:before,.status-unknown:before{background:var(--text-soft)}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;justify-items:end;z-index:40;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.drawer-card{width:min(920px,100vw);height:100vh;border-radius:0;overflow:auto;display:grid;gap:18px;align-content:start;background:#fff;border-left:1px solid var(--panel-border);box-shadow:-8px 0 40px #0f172a14;animation:slideIn .25s ease}.drawer-header{padding-bottom:16px;border-bottom:1px solid var(--panel-border)}.drawer-tabs{display:flex;gap:0;flex-wrap:wrap;border-bottom:2px solid rgba(37,99,235,.06)}.tab-button{border:none;background:transparent;color:var(--text-muted);padding:12px 18px;font-weight:600;font-size:.875rem;transition:all var(--transition);position:relative;border-radius:0}.tab-button:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:transparent;transition:background var(--transition)}.tab-button:hover{color:var(--text)}.tab-button.active{color:var(--brand);font-weight:700}.tab-button.active:after{background:var(--brand)}.json-block{margin:0;padding:20px;border-radius:var(--radius-md);background:#0f172a;color:#bfdbfe;overflow:auto;font-family:var(--font-mono);font-size:.82rem;line-height:1.7;border:1px solid rgba(59,130,246,.2)}.summary-value,.metric-value{margin-top:8px;font-size:1.75rem;font-weight:800;letter-spacing:-.03em;color:var(--text)}.summary-card{padding:16px 18px}.summary-card .stat-label{margin-bottom:2px}.kv-item{display:grid;gap:4px}.kv-item small{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft);font-weight:600}.kv-item div{font-weight:500;word-break:break-word}.empty-state{text-align:center;padding:40px 20px}.empty-state:before{content:"";display:block;width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:#2563eb0f;border:2px dashed rgba(37,99,235,.15)}.empty-state p{margin:0;font-size:.9rem}.inline-banner,.callout,.toast{padding:14px 18px;border-radius:var(--radius-md);border:1px solid var(--panel-border);font-size:.9rem;line-height:1.5}.inline-banner.warn,.callout.error{background:var(--danger-soft);color:var(--danger);border-color:#dc26261f}.callout.info{background:var(--brand-soft);color:var(--brand-strong);border-color:#2563eb1f}.cron-picker{display:grid;gap:12px}.cron-picker-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-label{font-size:.92rem;font-weight:600;color:var(--text)}.cron-mode-toggle{display:inline-flex;border-radius:var(--radius-sm);border:1px solid var(--panel-border);overflow:hidden}.cron-mode-btn{border:none;background:transparent;padding:6px 14px;font-size:.8rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.cron-mode-btn+.cron-mode-btn{border-left:1px solid var(--panel-border)}.cron-mode-btn.active{background:var(--brand);color:#fff}.cron-presets{display:flex;flex-wrap:wrap;gap:8px}.cron-preset-btn{border:1px solid var(--panel-border);border-radius:999px;background:#fff;padding:7px 14px;font-size:.82rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.cron-preset-btn:hover{border-color:#2563eb4d;color:var(--brand);background:var(--brand-soft)}.cron-preset-btn.active{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:0 2px 8px #2563eb40}.cron-custom{display:grid;gap:8px}.cron-input{font-family:var(--font-mono);font-size:.95rem;letter-spacing:.02em}.cron-help{font-size:.78rem}.cron-mode-link{border:none;background:none;color:var(--brand);font-size:.82rem;font-weight:600;cursor:pointer;padding:0;text-align:left;width:fit-content}.cron-mode-link:hover{text-decoration:underline}.cron-preview{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--brand-soft);font-size:.82rem;flex-wrap:wrap}.cron-preview-label{font-weight:600;color:var(--brand-strong)}.cron-preview-expr{font-family:var(--font-mono);font-size:.8rem;font-weight:600;background:#2563eb1a;padding:2px 8px;border-radius:4px;color:var(--brand)}.cron-preview-desc{color:var(--brand-strong)}.wizard-shell{padding:24px;display:grid;gap:20px}.wizard-progress{overflow-x:auto;padding-bottom:4px}.wizard-step{min-height:0;padding:10px 8px;border-radius:var(--radius-sm);background:#64748b0d;color:var(--text-soft);border:1px solid transparent;transition:all var(--transition);text-align:center}.wizard-step strong{font-size:.7rem;display:block;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wizard-step.active{background:var(--brand-soft);color:var(--brand-strong);border-color:#2563eb33;box-shadow:var(--shadow-sm)}.wizard-step.complete{background:var(--success-soft);color:var(--success);border-color:#0596691f}.step-number{display:inline-flex;width:24px;height:24px;margin-bottom:6px;align-items:center;justify-content:center;border-radius:50%;background:#ffffffe6;font-family:var(--font-mono);font-size:.72rem;font-weight:700;border:1.5px solid rgba(100,116,139,.12)}.wizard-step.active .step-number{background:var(--brand);color:#fff;border-color:var(--brand)}.wizard-step.complete .step-number{background:var(--success);color:#fff;border-color:var(--success)}.template-card,.segment-card{cursor:pointer;text-align:left;font:inherit;color:inherit}.template-card:hover,.segment-card:hover{border-color:#2563eb33;box-shadow:var(--shadow)}.template-card.selected,.segment-card.selected{border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1a,var(--shadow);background:#2563eb05}.template-card h4,.segment-card h4{margin:0 0 4px;font-size:.95rem}.template-card p,.segment-card p{margin:0;font-size:.85rem;color:var(--text-muted)}.form-card{display:grid;gap:12px}.form-card h3{margin:0;font-size:1rem;font-weight:700}.form-card p{margin:0}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:60;background:var(--text);color:#fff;box-shadow:var(--shadow-lg);border-radius:999px;padding:10px 24px;font-size:.875rem;font-weight:600;border:1px solid rgba(37,99,235,.15);display:flex;align-items:center;gap:8px;animation:toastIn .3s ease}@keyframes toastIn{0%{transform:translate(-50%) translateY(12px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.loading-bar{height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(37,99,235,.05),var(--brand),rgba(37,99,235,.05));background-size:200% 100%;animation:load 1.1s linear infinite}@keyframes load{0%{background-position:200% 0}to{background-position:-200% 0}}.drawer-card .wizard-progress{grid-template-columns:repeat(4,minmax(0,1fr))}.drawer-card .wizard-shell{min-height:0;overflow-y:auto;flex:1}.drawer-card .button-row{padding-top:8px;border-top:1px solid var(--panel-border);margin-top:auto}@media (max-width: 1200px){.app-shell,.login-shell,.layout-grid,.field-inline,.metrics-grid,.card-grid,.summary-grid,.filters-grid,.template-grid,.segment-grid{grid-template-columns:1fr 1fr}.sidebar{position:static;height:auto}}@media (max-width: 760px){.app-shell,.login-shell,.layout-grid,.metrics-grid,.card-grid,.summary-grid,.filters-grid,.field-inline,.template-grid,.segment-grid,.wizard-progress,.kv-grid{grid-template-columns:1fr}.login-hero,.login-panel,.main-shell,.drawer-card{padding:16px}table{min-width:620px}}