@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap);:root{--color-brand-50:#eaf2fa;--color-brand-100:#d5e5f5;--color-brand-200:#adcbeb;--color-brand-300:#84b0e0;--color-brand-400:#5b92d2;--color-brand-500:#3069b0;--color-brand-600:#275695;--color-brand-700:#1f457a;--color-brand-800:#163460;--color-brand-900:#0e2447;--color-accent-50:#fef1e6;--color-accent-100:#fcddc2;--color-accent-200:#f9b988;--color-accent-300:#f4974e;--color-accent-400:#ed7c26;--color-accent-500:#e56910;--color-accent-600:#bf560c;--color-accent-700:#944209;--color-accent-800:#6b3007;--color-accent-900:#471f04;--color-slate-50:#f7f8fb;--color-slate-100:#f1f3f9;--color-slate-200:#e6e9f1;--color-slate-300:#d8dde9;--color-slate-400:#b6bdd0;--color-slate-500:#8b94ac;--color-slate-600:#6b7691;--color-slate-700:#4a5572;--color-slate-800:#2a3450;--color-slate-900:#0b1530;--color-success-50:#e3f5ec;--color-success-500:#10936a;--color-success-700:#0a6d4f;--color-danger-50:#fdecec;--color-danger-500:#d94a4a;--color-danger-700:#a52c2c;--color-warning-50:#fef6e0;--color-warning-500:#d4a017;--color-warning-700:#8a6708;--color-info-50:#e6f4f8;--color-info-500:#0891b2;--color-info-700:#0a607a;--bg:var(--color-slate-50);--bg-elevated:#f4f6fb;--surface:#fff;--surface-2:var(--color-slate-50);--border:var(--color-slate-200);--border-strong:var(--color-slate-300);--ink:var(--color-slate-900);--ink-2:var(--color-slate-800);--muted:var(--color-slate-600);--muted-2:var(--color-slate-500);--brand:var(--color-brand-500);--brand-deep:var(--color-brand-700);--brand-soft:var(--color-brand-50);--brand-strong:var(--color-brand-600);--accent:var(--color-accent-500);--accent-soft:var(--color-accent-50);--accent-ink:var(--color-accent-700);--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--fs-xs:11px;--fs-sm:12px;--fs-base:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:18px;--fs-2xl:22px;--fs-3xl:28px;--fs-4xl:36px;--lh-tight:1.2;--lh-snug:1.35;--lh-base:1.5;--tracking-tight:-0.02em;--tracking-base:-0.005em;--fw-regular:400;--fw-medium:500;--fw-semi:600;--fw-bold:700;--fw-black:800;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-pill:999px;--shadow-xs:0 1px 0 #0d16380a;--shadow-sm:0 1px 2px #0d16380f,0 1px 0 #0d16380a;--shadow-md:0 6px 14px -8px #0d16382e,0 1px 2px #0d16380a;--shadow-lg:0 18px 40px -16px #0d163847;--shadow-focus:0 0 0 3px #3069b033;--shadow-focus-danger:0 0 0 3px #d94a4a38;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--t-fast:120ms;--t-base:180ms;--t-slow:280ms;--z-nav:50;--z-popover:60;--z-modal:70;--z-toast:80}.dark{--bg:#0b0f1a;--bg-elevated:#0f1422;--surface:#131826;--surface-2:#181e30;--border:#232838;--border-strong:#2e3447;--ink:#f7f8fb;--ink-2:#d8dde9;--muted:#9aa3bc;--muted-2:#6b7691;--brand:#5b92d2;--brand-deep:#84b0e0;--brand-soft:#5b92d224;--brand-strong:#84b0e0;--accent:#ff8533;--accent-soft:#ff853338;--accent-ink:#ffcc9e;--color-brand-50:#5b92d21f;--color-brand-100:#5b92d238;--color-brand-200:#5b92d252;--color-accent-50:#ff85332e;--color-accent-100:#ff853352;--color-accent-200:#ff853373;--color-accent-300:#ffa866;--color-accent-400:#ff9650;--color-accent-500:#ff8533;--color-accent-600:#e56910;--color-success-50:#10936a24;--color-success-500:#34c29a;--color-success-700:#6be3bb;--color-danger-50:#d94a4a24;--color-danger-500:#f37a7a;--color-danger-700:#fbb4b4;--color-warning-50:#d4a01724;--color-warning-500:#e8c254;--color-warning-700:#f4dd8c;--color-info-50:#0891b224;--color-info-500:#38bdd1;--color-info-700:#7fdcea;--color-slate-50:#181e30;--color-slate-100:#1f2638;--color-slate-200:#232838;--color-slate-300:#2e3447;--shadow-xs:0 1px 0 #0000004d;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 20px -10px #0000008c;--shadow-lg:0 22px 50px -18px #000000a6;--shadow-focus:0 0 0 3px #5b92d247}*{box-sizing:border-box}body,html{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f7f8fb;background:var(--bg);color:#0b1530;color:var(--ink);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:13px;font-size:var(--fs-base);letter-spacing:-.005em;letter-spacing:var(--tracking-base);line-height:1.5;line-height:var(--lh-base)}a{color:#3069b0;color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}code,kbd,pre{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--font-mono)}.btn{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--r-md);cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:13px;font-size:var(--fs-base);font-weight:700;font-weight:var(--fw-bold);gap:8px;gap:var(--space-2);height:38px;justify-content:center;letter-spacing:-.005em;letter-spacing:var(--tracking-base);padding:0 16px;padding:0 var(--space-4);transition:background .12s cubic-bezier(.22,1,.36,1),border-color .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1),box-shadow .12s cubic-bezier(.22,1,.36,1);transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus-visible{box-shadow:0 0 0 3px #3069b033;box-shadow:var(--shadow-focus);outline:none}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#3069b0;box-shadow:0 6px 14px -8px #3069b08c,inset 0 1px 0 #ffffff2e}.btn-primary:hover{background:#275695}.btn-secondary{background:#fff;background:var(--surface);border-color:#e6e9f1;border-color:var(--border);color:#2a3450;color:var(--ink-2)}.btn-secondary:hover{background:#f7f8fb;background:var(--surface-2);border-color:#d8dde9;border-color:var(--border-strong)}.btn-ghost{background:#0000;color:#2a3450;color:var(--ink-2)}.btn-ghost:hover{background:#f7f8fb;background:var(--surface-2)}.btn-accent{background:#e56910;background:var(--accent);box-shadow:0 6px 14px -8px #e569108c,inset 0 1px 0 #fff3;color:#fff}.btn-accent:hover{background:#bf560c;background:var(--color-accent-600)}.btn-danger{background:#d94a4a;background:var(--color-danger-500);color:#fff}.btn-danger:hover{background:#a52c2c;background:var(--color-danger-700)}.btn-warning{background:#d4a017;background:var(--color-warning-500);color:#fff}.btn-warning:hover{background:#8a6708;background:var(--color-warning-700)}.btn-tinted-brand{background:#eaf2fa;background:var(--brand-soft);border-color:#d5e5f5;border-color:var(--color-brand-100);color:#1f457a;color:var(--brand-deep)}.btn-tinted-brand:hover{background:#d5e5f5;background:var(--color-brand-100);border-color:#adcbeb;border-color:var(--color-brand-200)}.btn-tinted-accent{background:#fef1e6;background:var(--accent-soft);border-color:#fcddc2;border-color:var(--color-accent-100);color:#944209;color:var(--accent-ink)}.btn-tinted-accent:hover{background:#fcddc2;background:var(--color-accent-100);border-color:#f9b988;border-color:var(--color-accent-200)}.btn-tinted-success{background:#e3f5ec;background:var(--color-success-50);border-color:#10936a38;color:#0a6d4f;color:var(--color-success-700)}.btn-tinted-success:hover{background:#10936a24;border-color:#10936a59}.btn-tinted-danger{background:#fdecec;background:var(--color-danger-50);border-color:#d94a4a38;color:#a52c2c;color:var(--color-danger-700)}.btn-tinted-danger:hover{background:#d94a4a1f;border-color:#d94a4a59}.btn-sm{font-size:12px;font-size:var(--fs-sm);height:30px;padding:0 12px;padding:0 var(--space-3)}.btn-lg{font-size:14px;font-size:var(--fs-md);height:44px;padding:0 20px;padding:0 var(--space-5)}.btn-icon{padding:0;width:38px}.btn-icon.btn-sm{width:30px}.btn-icon.btn-lg{width:44px}.field{display:flex;flex-direction:column;gap:8px;gap:var(--space-2)}.label{color:#2a3450;color:var(--ink-2);font-weight:600;font-weight:var(--fw-semi)}.hint,.label{font-size:12px;font-size:var(--fs-sm)}.hint{color:#6b7691;color:var(--muted)}.error{color:#d94a4a;color:var(--color-danger-500);font-size:12px;font-size:var(--fs-sm)}.char-counter{font-feature-settings:"tnum";align-self:flex-end;color:#6b7691;color:var(--muted);font-size:11px;font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.char-counter.is-limit{color:#d94a4a;color:var(--color-danger-500);font-weight:600;font-weight:var(--fw-semi)}.field-stack>.field+.field{margin-top:16px;margin-top:var(--space-4)}.field-stack .field>.label{color:#0b1530;color:var(--ink)}[data-component=auth-shell] .card-pad{padding:32px 24px;padding:var(--space-7) var(--space-6)}[data-component=auth-shell] form>*+*{margin-top:16px;margin-top:var(--space-4)}[data-component=auth-shell] .input,[data-component=auth-shell] .select{height:44px}.input,.select,.textarea{background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);color:#0b1530;color:var(--ink);font:inherit;font-size:13px;font-size:var(--fs-base);height:38px;padding:0 12px;padding:0 var(--space-3);transition:border-color .12s,box-shadow .12s;transition:border-color var(--t-fast),box-shadow var(--t-fast);width:100%}.input::placeholder,.textarea::placeholder{color:#8b94ac;color:var(--muted-2)}.input:hover,.select:hover,.textarea:hover{border-color:#d8dde9;border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{border-color:#3069b0;border-color:var(--brand);box-shadow:0 0 0 3px #3069b033;box-shadow:var(--shadow-focus);outline:none}.input[aria-invalid=true]{border-color:#d94a4a;border-color:var(--color-danger-500)}.input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #d94a4a38;box-shadow:var(--shadow-focus-danger)}.input-readonly{align-items:center;background:#f7f8fb;background:var(--surface-2);border-style:dashed;color:#2a3450;color:var(--ink-2,var(--muted));cursor:default;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-readonly:hover{border-color:#e6e9f1;border-color:var(--border)}.textarea{height:auto;line-height:1.35;line-height:var(--lh-snug);min-height:88px;padding:12px;padding:var(--space-3);resize:vertical}.input-group{align-items:center;background:#f7f8fb;background:var(--surface-2);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);color:#6b7691;color:var(--muted);display:flex;gap:8px;gap:var(--space-2);height:38px;padding:0 12px;padding:0 var(--space-3);transition:border-color .12s,box-shadow .12s,background .12s;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}.input-group:focus-within{background:#fff;background:var(--surface);border-color:#3069b0;border-color:var(--brand);box-shadow:0 0 0 3px #3069b033;box-shadow:var(--shadow-focus)}.input-group input{background:#0000;border:0;color:#0b1530;color:var(--ink);flex:1 1;font:inherit;min-width:0;outline:none}.check,.radio{-webkit-appearance:none;appearance:none;background:#fff;background:var(--surface);border:1.5px solid #d8dde9;border:1.5px solid var(--border-strong);cursor:pointer;display:inline-grid;height:16px;place-items:center;transition:all .12s;transition:all var(--t-fast);width:16px}.check{border-radius:4px}.radio{border-radius:50%}.check:checked,.radio:checked{background:#3069b0;background:var(--brand);border-color:#3069b0;border-color:var(--brand)}.check:checked:after{border-bottom:2px solid #fff;border-left:2px solid #fff;content:"";height:5px;transform:rotate(-45deg) translate(1px,-1px);width:9px}.radio:checked:after{background:#fff;border-radius:50%;content:"";height:6px;width:6px}.toggle{-webkit-appearance:none;appearance:none;background:#d8dde9;background:var(--color-slate-300);border-radius:999px;cursor:pointer;height:18px;position:relative;transition:background .12s;transition:background var(--t-fast);width:32px}.toggle:after{background:#fff;border-radius:50%;box-shadow:0 1px 2px #0003;content:"";height:14px;left:2px;position:absolute;top:2px;transition:transform .12s cubic-bezier(.22,1,.36,1);transition:transform var(--t-fast) var(--ease-out);width:14px}.toggle:checked{background:#3069b0;background:var(--brand)}.toggle:checked:after{transform:translateX(14px)}.badge{align-items:center;background:#f1f3f9;background:var(--color-slate-100);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:999px;border-radius:var(--r-pill);color:#2a3450;display:inline-flex;font-size:11px;font-size:var(--fs-xs);font-weight:700;font-weight:var(--fw-bold);gap:4px;gap:var(--space-1);height:24px;padding:0 8px;padding:0 var(--space-2);text-transform:capitalize;white-space:nowrap}.badge.brand{background:#eaf2fa;background:var(--brand-soft);border-color:#d5e5f5;border-color:var(--color-brand-100);color:#1f457a;color:var(--brand-deep)}.badge.accent{background:#fef1e6;background:var(--accent-soft);border-color:#fcddc2;border-color:var(--color-accent-100);color:#944209;color:var(--accent-ink)}.badge.success{background:#e3f5ec;background:var(--color-success-50);border-color:#10936a38;color:#0a6d4f;color:var(--color-success-700)}.badge.danger{background:#fdecec;background:var(--color-danger-50);border-color:#d94a4a38;color:#a52c2c;color:var(--color-danger-700)}.badge.info{background:#e6f4f8;background:var(--color-info-50);border-color:#0891b238;color:#0a607a;color:var(--color-info-700)}.status{align-items:center;background:#e3f5ec;background:var(--color-success-50);border:1px solid #10936a38;border-radius:999px;border-radius:var(--r-pill);color:#0a6d4f;color:var(--color-success-700);display:inline-flex;font-size:11px;font-size:var(--fs-xs);font-weight:700;font-weight:var(--fw-bold);gap:6px;height:24px;padding:0 10px 0 8px;white-space:nowrap}.status .pulse{background:#10936a;background:var(--color-success-500);border-radius:50%;box-shadow:0 0 0 3px #10936a2e;height:7px;width:7px}.status.paused{background:#fef6e0;background:var(--color-warning-50);border-color:#d4a0174d;color:#8a6708;color:var(--color-warning-700)}.status.paused .pulse{background:#d4a017;background:var(--color-warning-500);box-shadow:0 0 0 3px #d4a01738}.status.draft{background:#f1f3f9;background:var(--color-slate-100);border-color:#e6e9f1;border-color:var(--border);color:#2a3450;color:var(--ink-2)}.status.draft .pulse{background:#8b94ac;background:var(--muted-2);box-shadow:0 0 0 3px #8b94ac33}.status.error{background:#fdecec;background:var(--color-danger-50);border-color:#d94a4a38;color:#a52c2c;color:var(--color-danger-700)}.status.error .pulse{background:#d94a4a;background:var(--color-danger-500);box-shadow:0 0 0 3px #d94a4a2e}.chip{align-items:center;background:#eaf2fa;background:var(--brand-soft);border:1px solid #d5e5f5;border:1px solid var(--color-brand-100);border-radius:6px;border-radius:var(--r-sm);color:#1f457a;color:var(--brand-deep);display:inline-flex;font-size:11px;font-size:var(--fs-xs);font-weight:600;font-weight:var(--fw-semi);gap:5px;height:24px;padding:0 8px;white-space:nowrap}.chip svg{flex-shrink:0}button.badge,button.chip,button.status{cursor:pointer;font-family:inherit;line-height:inherit;text-align:left}.chip.accent{background:#fef1e6;background:var(--accent-soft);border-color:#fcddc2;border-color:var(--color-accent-100);color:#944209;color:var(--accent-ink)}.chip.grey{background:#f1f3f9;background:var(--color-slate-100);border-color:#e6e9f1;border-color:var(--border);color:#6b7691;color:var(--muted)}.card{background:#fff;border:1px solid #e6e9f1;border-radius:12px;box-shadow:0 1px 2px #0d16380f,0 1px 0 #0d16380a}.card-pad{padding:20px;padding:var(--space-5)}.card-divider{background:#e6e9f1;background:var(--border);height:1px}.table-card{background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-lg);box-shadow:0 1px 2px #0d16380f,0 1px 0 #0d16380a;box-shadow:var(--shadow-sm);overflow:hidden}table.ds{border-collapse:initial;border-spacing:0;width:100%}table.ds thead th{background:#f7f8fb;background:var(--surface-2);color:#6b7691;color:var(--muted);font-size:11px;font-size:var(--fs-xs);font-weight:600;font-weight:var(--fw-semi);letter-spacing:.06em;padding:10px 16px;padding:10px var(--space-4);text-align:left;text-transform:uppercase;white-space:nowrap}table.ds tbody td,table.ds thead th{border-bottom:1px solid #e6e9f1;border-bottom:1px solid var(--border)}table.ds tbody td{color:#2a3450;color:var(--ink-2);font-size:13px;font-size:var(--fs-base);padding:16px;padding:var(--space-4);vertical-align:middle}table.ds tbody tr:last-child td{border-bottom:0}table.ds tbody tr:hover td{background:#f7f8fb;background:var(--surface-2)}table.ds tbody tr.row-danger td,table.ds tbody tr.row-danger:hover td{background:#fdecec;background:var(--color-danger-50)}table.ds tbody tr.row-info td{background:#eaf2fa;background:var(--color-brand-50)}table.ds tbody tr.row-info:hover td{background:#d5e5f5;background:var(--color-brand-100)}.filter-tabs{background:#f7f8fb;background:var(--surface-2);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);display:inline-flex;gap:4px;padding:3px}.filter-tabs button{background:#0000;border:0;border-radius:6px;border-radius:var(--r-sm);color:#6b7691;color:var(--muted);cursor:pointer;font:600 12px Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font:var(--fw-semi) var(--fs-sm) var(--font-sans);padding:6px 12px;padding:6px var(--space-3)}.filter-tabs button.active{background:#fff;background:var(--surface);box-shadow:0 1px 0 #0d16380a;box-shadow:var(--shadow-xs);color:#0b1530;color:var(--ink)}.tabs-underline{border-bottom:1px solid #e6e9f1;border-bottom:1px solid var(--border);display:flex;gap:20px;gap:var(--space-5)}.tabs-underline button{background:#0000;border:0;border-bottom:2px solid #0000;color:#6b7691;color:var(--muted);cursor:pointer;font:600 13px Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font:var(--fw-semi) var(--fs-base) var(--font-sans);margin-bottom:-1px;padding:12px 0;padding:var(--space-3) 0}.tabs-underline button.active{border-color:#3069b0;border-color:var(--brand);color:#0b1530;color:var(--ink)}.avatar{background:linear-gradient(135deg,#3069b0,#84b0e0);background:linear-gradient(135deg,var(--color-brand-500),var(--color-brand-300));border-radius:50%;color:#fff;display:inline-grid;font-size:12px;font-size:var(--fs-sm);font-weight:700;font-weight:var(--fw-bold);height:32px;letter-spacing:.02em;place-items:center;width:32px}.avatar-square{border-radius:8px;border-radius:var(--r-md)}.avatar-sm{font-size:10px;height:24px;width:24px}.avatar-lg{height:40px;width:40px}.avatar-lg,.banner{font-size:13px;font-size:var(--fs-base)}.banner{align-items:flex-start;background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);color:#2a3450;color:var(--ink-2);display:flex;gap:12px;gap:var(--space-3);padding:12px 16px;padding:var(--space-3) var(--space-4)}.banner.info{background:#e6f4f8;background:var(--color-info-50);border-color:#0891b233;color:#0a607a;color:var(--color-info-700)}.banner.success{background:#e3f5ec;background:var(--color-success-50);border-color:#10936a33;color:#0a6d4f;color:var(--color-success-700)}.banner.warning{background:#fef6e0;background:var(--color-warning-50);border-color:#d4a01747;color:#8a6708;color:var(--color-warning-700)}.banner.danger{background:#fdecec;background:var(--color-danger-50);border-color:#d94a4a38;color:#a52c2c;color:var(--color-danger-700)}.banner svg{flex-shrink:0;margin-top:1px}.pill-nav{background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:999px;border-radius:var(--r-pill);display:inline-flex;flex-wrap:wrap;gap:8px;gap:var(--space-2);padding:6px}.pill-nav button{align-items:center;background:#0000;border:0;border-radius:999px;border-radius:var(--r-pill);color:#2a3450;color:var(--ink-2);cursor:pointer;display:inline-flex;font:600 13px Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font:var(--fw-semi) var(--fs-base) var(--font-sans);gap:8px;height:36px;padding:0 16px;transition:background .12s,color .12s;transition:background var(--t-fast),color var(--t-fast);white-space:nowrap}.pill-nav button:hover{background:#f7f8fb;background:var(--surface-2)}.pill-nav button.active{background:#3069b0;background:var(--brand);box-shadow:0 4px 12px -4px #3069b073;color:#fff}.pill-nav button svg{flex-shrink:0;height:15px;width:15px}.pill-nav .count{background:#ffffff38;border-radius:999px;border-radius:var(--r-pill);color:inherit;font-size:11px;font-weight:700;font-weight:var(--fw-bold);margin-left:2px;padding:1px 6px}.pill-nav button:not(.active) .count{background:#eaf2fa;background:var(--brand-soft);color:#3069b0;color:var(--brand)}.pill-nav.compact{padding:4px}.pill-nav.compact button{font-size:12px;font-size:var(--fs-sm);gap:6px;height:30px;padding:0 10px}.pill-nav.compact button svg{height:13px;width:13px}.section-ico{background:#eaf2fa;background:var(--brand-soft);border-radius:8px;border-radius:var(--r-md);color:#3069b0;color:var(--brand);display:grid;flex-shrink:0;height:44px;place-items:center;width:44px}.section-ico.sm{height:36px;width:36px}.section-ico.lg{height:56px;width:56px}.section-ico.accent{background:#fef1e6;background:var(--accent-soft);color:#944209;color:var(--accent-ink)}.section-ico.success{background:#e3f5ec;background:var(--color-success-50);color:#0a6d4f;color:var(--color-success-700)}.section-ico.danger{background:#fdecec;background:var(--color-danger-50);color:#d94a4a;color:var(--color-danger-500)}.section-ico.warning{background:#fef6e0;background:var(--color-warning-50);color:#8a6708;color:var(--color-warning-700)}.section-ico.info{background:#e6f4f8;background:var(--color-info-50);color:#0a607a;color:var(--color-info-700)}.required{color:#d94a4a;color:var(--color-danger-500);margin-left:2px}.g1{background:linear-gradient(135deg,#7c3aed,#c084fc)!important}.g1,.g2{color:#fff!important}.g2{background:linear-gradient(135deg,#0891b2,#22d3ee)!important}.g3{background:linear-gradient(135deg,#10936a,#34c29a)!important}.g3,.g4{color:#fff!important}.g4{background:linear-gradient(135deg,#d94a4a,#f37a7a)!important}.g5{background:linear-gradient(135deg,#3069b0,#5b92d2)!important}.g5,.g6{color:#fff!important}.g6{background:linear-gradient(135deg,#e56910,#f4974e)!important}.position-picker{grid-gap:6px;aspect-ratio:3/2;background:#f7f8fb;background:var(--surface-2);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);display:grid;gap:6px;grid-template-columns:repeat(3,1fr);padding:8px}.position-picker button{align-items:center;background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:6px;border-radius:var(--r-sm);color:#6b7691;color:var(--muted);cursor:pointer;display:flex;font-size:11px;font-size:var(--fs-xs);font-weight:600;font-weight:var(--fw-semi);justify-content:center;padding:4px;transition:background .12s,border-color .12s,color .12s;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.position-picker button:hover{border-color:#d8dde9;border-color:var(--border-strong)}.position-picker button.selected{background:#3069b0;background:var(--brand);border-color:#3069b0;border-color:var(--brand);color:#fff}.opt-card{align-items:flex-start;background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);cursor:pointer;display:flex;gap:12px;gap:var(--space-3);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:border-color .12s,background .12s,box-shadow .12s;transition:border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast)}.opt-card:hover{border-color:#d8dde9;border-color:var(--border-strong)}.opt-card.selected{background:#eaf2fa;background:var(--brand-soft);border-color:#3069b0;border-color:var(--brand)}.opt-card.selected:focus-within{box-shadow:0 0 0 3px #3069b033;box-shadow:var(--shadow-focus)}.opt-card>.check,.opt-card>.radio{flex-shrink:0;margin-top:2px}.opt-card .opt-body{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.opt-card .opt-title{align-items:center;color:#0b1530;color:var(--ink);display:flex;flex-wrap:wrap;font-size:13px;font-size:var(--fs-base);font-weight:600;font-weight:var(--fw-semi);gap:8px;gap:var(--space-2)}.opt-card .opt-extra{margin-top:8px;margin-top:var(--space-2)}.choice-card{align-items:center;background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);cursor:pointer;display:flex;gap:12px;gap:var(--space-3);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:border-color .12s,box-shadow .12s,transform .12s;transition:border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}.choice-card:hover{border-color:#d8dde9;border-color:var(--border-strong);box-shadow:0 1px 2px #0d16380f,0 1px 0 #0d16380a;box-shadow:var(--shadow-sm)}.choice-card.selected{border-color:#3069b0;border-color:var(--brand);box-shadow:0 0 0 3px #3069b033;box-shadow:var(--shadow-focus)}.choice-card .ico{background:linear-gradient(135deg,#3069b0,#84b0e0);background:linear-gradient(135deg,var(--color-brand-500),var(--color-brand-300));border-radius:50%;color:#fff;display:grid;flex-shrink:0;font-size:13px;font-size:var(--fs-base);font-weight:700;font-weight:var(--fw-bold);height:38px;place-items:center;width:38px}.choice-card .body{display:flex;flex:1 1;flex-direction:column;line-height:1.2;min-width:0;overflow:hidden}.choice-card .name{color:#0b1530;color:var(--ink);font-size:14px;font-size:var(--fs-md);font-weight:700;font-weight:var(--fw-bold)}.choice-card .meta,.choice-card .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.choice-card .meta{color:#6b7691;color:var(--muted);font-size:11px;font-size:var(--fs-xs);margin-top:2px}.tt-host{position:relative}.tt-card{background:#0b1530;background:var(--ink);border-radius:8px;border-radius:var(--r-md);bottom:calc(100% + 8px);box-shadow:0 12px 32px -8px #00000073,inset 0 0 0 1px #ffffff0a;color:#fff;font-size:12px;font-size:var(--fs-sm);left:50%;line-height:1.35;line-height:var(--lh-snug);max-width:320px;min-width:240px;opacity:0;padding:12px 16px;padding:var(--space-3) var(--space-4);pointer-events:none;position:absolute;text-align:left;transform:translateX(-50%) translateY(4px);transition:opacity .12s,transform .12s,visibility 0s linear .12s;transition:opacity var(--t-fast),transform var(--t-fast),visibility 0s linear var(--t-fast);visibility:hidden;z-index:60;z-index:var(--z-popover)}.tt-host:hover>.tt-card{opacity:1;transform:translateX(-50%) translateY(0);transition:opacity .12s 1s,transform .12s 1s,visibility 0s linear 1s;transition:opacity var(--t-fast) 1s,transform var(--t-fast) 1s,visibility 0s linear 1s;visibility:visible}.tt-card:after{border:6px solid #0000;border-top:6px solid var(--ink);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.tt-card .tt-title{color:#fff;font-size:13px;font-size:var(--fs-base);font-weight:700;font-weight:var(--fw-bold);margin-bottom:8px;margin-bottom:var(--space-2);white-space:normal;word-break:break-word}.tt-card .tt-row{align-items:baseline;border-top:1px solid #ffffff14;display:flex;font-size:11px;font-size:var(--fs-xs);gap:12px;gap:var(--space-3);justify-content:space-between;padding:3px 0}.tt-card .tt-row:first-of-type{border-top:0;padding-top:6px}.tt-card .tt-row>.k{color:#ffffff8c;flex-shrink:0}.tt-card .tt-row>.v{color:#fff;font-weight:600;font-weight:var(--fw-semi);text-align:right;word-break:break-all}.tt-card .tt-row>.v.mono{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--font-mono)}.tt-card .tt-desc{border-top:1px solid #ffffff14;color:#ffffffbf;font-size:11px;font-size:var(--fs-xs);line-height:1.5;margin-top:8px;margin-top:var(--space-2);padding-top:8px;padding-top:var(--space-2)}.progress-track{background:#f7f8fb;background:var(--surface-2);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:999px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#bf560c,#ed7c26);background:linear-gradient(90deg,var(--color-accent-600),var(--color-accent-400));border-radius:999px;display:block;height:100%;transition:width .18s ease;transition:width var(--t-base,.24s) ease}.kb-create-grid{grid-gap:12px;grid-gap:var(--space-3);align-items:start;display:grid;gap:12px;gap:var(--space-3);grid-template-columns:minmax(0,1fr) 320px}@media (max-width:1024px){.kb-create-grid{grid-template-columns:1fr}}.nb-pulse{animation:nb-pulse 1.6s ease-in-out infinite;border-radius:8px;border-radius:var(--r-md)}@keyframes nb-pulse{0%,to{box-shadow:0 0 0 0 #3069b080}50%{box-shadow:0 0 0 4px #3069b000}}.nb-dot{background:#3069b0;background:var(--brand);border-radius:50%;height:8px;position:absolute;right:2px;top:2px;width:8px}.nb-badge{background:#d94a4a;background:var(--color-danger-500);border-radius:999px;color:#fff;display:grid;font-size:10px;font-weight:700;font-weight:var(--fw-bold);height:16px;line-height:1;min-width:16px;padding:0 4px;place-items:center;position:absolute;right:-2px;top:-2px}.nb-panel{display:flex;flex-direction:column;max-height:480px;overflow:hidden;padding:0;position:absolute;right:0;top:calc(100% + 8px);width:360px;z-index:60;z-index:var(--z-popover)}.nb-head{align-items:center;background:#f7f8fb;background:var(--surface-2);border-bottom:1px solid #e6e9f1;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px;padding:var(--space-3) var(--space-4)}.nb-body{max-height:420px;overflow-y:auto}.nb-section{border-bottom:1px solid #e6e9f1;border-bottom:1px solid var(--border)}.nb-section-label{color:#6b7691;color:var(--muted);font-size:11px;font-size:var(--fs-xs);font-weight:700;font-weight:var(--fw-bold);gap:6px;letter-spacing:.06em;text-transform:uppercase}.nb-job,.nb-section-label{align-items:center;display:flex;padding:8px 16px;padding:var(--space-2) var(--space-4)}.nb-job{gap:8px;gap:var(--space-2);justify-content:space-between}.nb-job-link{background:#0000;border:0;cursor:pointer;text-align:left;width:100%}.nb-foot,.nb-job-link:hover{background:#f7f8fb;background:var(--surface-2)}.nb-foot{border-top:1px solid #e6e9f1;border-top:1px solid var(--border);padding:8px 16px;padding:var(--space-2) var(--space-4);text-align:center}.nb-item{align-items:flex-start;background:#0000;border:0;border-bottom:1px solid #e6e9f1;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;gap:var(--space-3);padding:12px 16px;padding:var(--space-3) var(--space-4);text-align:left;width:100%}.nb-item:hover{background:#f7f8fb;background:var(--surface-2)}.nb-item.unread{background:#eaf2fa;background:var(--brand-soft)}.nb-item-ico{background:#f7f8fb;background:var(--surface-2);border-radius:8px;color:#6b7691;color:var(--muted);display:grid;flex-shrink:0;height:28px;place-items:center;width:28px}.nb-unread-dot{background:#3069b0;background:var(--brand);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.info-tip-host{align-items:center;color:#6b7691;color:var(--muted);cursor:help;display:inline-flex;line-height:0}.info-tip-host:focus-visible,.info-tip-host:hover{color:#0b1530;color:var(--ink);outline:none}.info-tip-pop{background:#0b1530;background:var(--ink);border-radius:8px;border-radius:var(--r-md);box-shadow:0 12px 32px -8px #00000073,inset 0 0 0 1px #ffffff0a;color:#fff;font-size:11px;font-size:var(--fs-xs);font-weight:400;font-weight:var(--fw-regular);line-height:1.35;line-height:var(--lh-snug);max-width:280px;padding:8px 12px;padding:var(--space-2) var(--space-3);pointer-events:none;text-align:left;transform:translate(-50%,calc(-100% - 8px));white-space:normal;z-index:80;z-index:var(--z-toast)}.info-tip-pop:after{border:6px solid #0000;border-top:6px solid var(--ink);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.info-tip-pop.below{transform:translate(-50%,8px)}.info-tip-pop.below:after{border-bottom-color:#0b1530;border-bottom-color:var(--ink);border-top-color:#0000;bottom:100%;top:auto}.choice-card-grid{grid-gap:8px;grid-gap:var(--space-2);display:grid;gap:8px;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.choice-card .action{background:#f7f8fb;background:var(--surface-2);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:50%;color:#6b7691;color:var(--muted);cursor:pointer;display:grid;flex-shrink:0;height:30px;place-items:center;width:30px}.choice-card .action:hover{background:#eaf2fa;background:var(--brand-soft);border-color:#3069b0;border-color:var(--brand);color:#3069b0;color:var(--brand)}.stepper{align-items:flex-start;display:flex}.stepper-step{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:8px;gap:var(--space-2)}.stepper-dot{background:#f7f8fb;background:var(--surface-2);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:50%;color:#6b7691;color:var(--muted);display:grid;font-size:12px;font-size:var(--fs-sm);font-weight:600;font-weight:var(--fw-semi);height:32px;place-items:center;transition:background .12s,border-color .12s,color .12s,box-shadow .12s;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast);width:32px}.stepper-step.active .stepper-dot{background:#3069b0;background:var(--brand);border-color:#3069b0;border-color:var(--brand);box-shadow:0 0 0 3px #3069b033;box-shadow:var(--shadow-focus);color:#fff}.stepper-step.done .stepper-dot{background:#eaf2fa;background:var(--brand-soft);border-color:#3069b0;border-color:var(--brand);color:#1f457a;color:var(--brand-deep)}.stepper-label{color:#6b7691;color:var(--muted);font-size:11px;font-size:var(--fs-xs);font-weight:600;font-weight:var(--fw-semi);white-space:nowrap}.stepper-step.active .stepper-label{color:#0b1530;color:var(--ink)}.stepper-step.done .stepper-label{color:#1f457a;color:var(--brand-deep)}.stepper-line{background:#e6e9f1;background:var(--border);border-radius:1px;flex:1 1;height:2px;margin-top:15px;min-width:24px;transition:background .12s;transition:background var(--t-fast)}.stepper-line.filled{background:#3069b0;background:var(--brand)}.pick-card{background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 16px;padding:var(--space-3) var(--space-4);padding-right:32px;padding-right:var(--space-7);position:relative;text-align:left;transition:border-color .12s,background .12s,box-shadow .12s;transition:border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast);width:100%}.pick-card:hover{border-color:#d8dde9;border-color:var(--border-strong);box-shadow:0 1px 2px #0d16380f,0 1px 0 #0d16380a;box-shadow:var(--shadow-sm)}.pick-card.selected{background:#eaf2fa;background:var(--brand-soft);border-color:#3069b0;border-color:var(--brand);box-shadow:0 0 0 3px #3069b033;box-shadow:var(--shadow-focus)}.pick-card .pick-title{color:#0b1530;color:var(--ink);font-size:13px;font-size:var(--fs-base);font-weight:600;font-weight:var(--fw-semi)}.pick-card .pick-desc{color:#6b7691;color:var(--muted);font-size:11px;font-size:var(--fs-xs);line-height:1.35;line-height:var(--lh-snug)}.pick-card .pick-check{background:#3069b0;background:var(--brand);border-radius:50%;color:#fff;display:grid;height:18px;opacity:0;place-items:center;position:absolute;right:12px;right:var(--space-3);top:12px;top:var(--space-3);transform:scale(.6);transition:opacity .12s,transform .12s;transition:opacity var(--t-fast),transform var(--t-fast);width:18px}.pick-card.selected .pick-check{opacity:1;transform:scale(1)}.ch-grid{grid-gap:12px;grid-gap:var(--space-3);display:grid;gap:12px;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.ch-card{background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-lg);display:flex;flex-direction:column;overflow:hidden;transition:border-color .12s,box-shadow .12s;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.ch-card:hover{border-color:#d8dde9;border-color:var(--border-strong);box-shadow:0 1px 2px #0d16380f,0 1px 0 #0d16380a;box-shadow:var(--shadow-sm)}.ch-thumb{background:radial-gradient(circle at 50% 38%,color-mix(in srgb,#3069b0 16%,#f7f8fb),#f7f8fb);background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--ch-color,var(--brand)) 16%,var(--surface-2)),var(--surface-2));border-bottom:1px solid #e6e9f1;border-bottom:1px solid var(--border);height:120px;overflow:hidden;position:relative}.ch-thumb:before{background-image:radial-gradient(#d8dde9 1px,#0000 0);background-image:radial-gradient(var(--border-strong) 1px,#0000 1px);background-size:16px 16px;content:"";inset:0;opacity:.35;position:absolute}.ch-launcher{background:#3069b0;background:var(--ch-color,var(--brand));border-radius:50%;bottom:16px;box-shadow:0 8px 20px -6px color-mix(in srgb,#3069b0 65%,#0000);box-shadow:0 8px 20px -6px color-mix(in srgb,var(--ch-color,var(--brand)) 65%,#0000);color:#fff;display:grid;height:50px;place-items:center;position:absolute;right:16px;width:50px}.ch-thumb.pos-bl .ch-launcher{left:16px;right:auto}.ch-thumb.pos-bc .ch-launcher{left:50%;right:auto;transform:translateX(-50%)}.ch-bubble{background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);bottom:26px;box-shadow:0 1px 2px #0d16380f,0 1px 0 #0d16380a;box-shadow:var(--shadow-sm);color:#2a3450;color:var(--ink-2);font-size:11px;font-size:var(--fs-xs);max-width:55%;overflow:hidden;padding:6px 10px;position:absolute;right:78px;text-overflow:ellipsis;white-space:nowrap}.ch-thumb.pos-bl .ch-bubble{left:78px;right:auto}.ch-thumb.pos-bc .ch-bubble{display:none}.ch-plate{align-items:center;background:linear-gradient(135deg,#f1f3f9,#f7f8fb);background:linear-gradient(135deg,var(--color-slate-100),var(--surface-2));border-bottom:1px solid #e6e9f1;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:4px;height:120px;justify-content:center}.ch-plate .ch-flag{font-size:26px;line-height:1}.ch-plate .ch-num{color:#0b1530;color:var(--ink);font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--font-mono);font-size:14px;font-size:var(--fs-md);font-weight:700;font-weight:var(--fw-bold);letter-spacing:.04em}.ch-plate .ch-sub{color:#6b7691;color:var(--muted);font-size:11px;font-size:var(--fs-xs)}.ch-body{flex:1 1;flex-direction:column;padding:12px 16px;padding:var(--space-3) var(--space-4)}.ch-body,.ch-head{display:flex;gap:8px;gap:var(--space-2)}.ch-head{align-items:center;justify-content:space-between}.ch-title{color:#0b1530;color:var(--ink);font-size:14px;font-size:var(--fs-md);font-weight:700;font-weight:var(--fw-bold);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2)}.ch-stats{border-top:1px solid #e6e9f1;border-top:1px solid var(--border);display:flex;gap:20px;gap:var(--space-5);margin-top:auto;padding-top:8px;padding-top:var(--space-2)}.ch-stat{display:flex;flex-direction:column;line-height:1.2}.ch-stat .v{color:#0b1530;color:var(--ink);font-size:14px;font-size:var(--fs-md);font-weight:700;font-weight:var(--fw-bold)}.ch-stat .k{color:#6b7691;color:var(--muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.ch-actions{align-items:center;background:#f7f8fb;background:var(--surface-2);border-top:1px solid #e6e9f1;border-top:1px solid var(--border);display:flex;gap:4px;gap:var(--space-1);padding:8px 12px;padding:var(--space-2) var(--space-3)}.ch-actions .spacer{flex:1 1}.chat-row{align-items:flex-start;display:flex;gap:12px;gap:var(--space-3);margin-bottom:16px;margin-bottom:var(--space-4)}.chat-row.user{flex-direction:row-reverse}.chat-row .who{background:#eaf2fa;background:var(--brand-soft);border-radius:8px;border-radius:var(--r-md);color:#3069b0;color:var(--brand);display:grid;flex-shrink:0;height:32px;place-items:center;width:32px}.chat-row.user .who{background:#e3f5ec;background:var(--color-success-50);color:#10936a;color:var(--color-success-500)}.chat-row .body{display:flex;flex-direction:column;gap:6px;max-width:70%;min-width:0}.chat-row.user .body{align-items:flex-end}.chat-row .meta{align-items:center;color:#6b7691;color:var(--muted);display:flex;font-size:11px;font-size:var(--fs-xs);gap:8px;gap:var(--space-2)}.chat-row .meta .who-name{color:#0b1530;color:var(--ink);font-size:12px;font-size:var(--fs-sm);font-weight:700;font-weight:var(--fw-bold)}.chat-row .bubble{background:#eaf2fa;background:var(--brand-soft);border:1px solid #d5e5f5;border:1px solid var(--color-brand-100);border-radius:8px;border-radius:var(--r-md);color:#0b1530;color:var(--ink);font-size:13px;font-size:var(--fs-base);line-height:1.35;line-height:var(--lh-snug);padding:10px 12px;padding:10px var(--space-3)}.chat-row.user .bubble{background:#e3f5ec;background:var(--color-success-50);border-color:#10936a2e}.drawer-scrim{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0b153052;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:70;z-index:var(--z-modal)}.drawer{background:#fff;background:var(--surface);border-left:1px solid #e6e9f1;border-left:1px solid var(--border);box-shadow:0 18px 40px -16px #0d163847;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100%;max-width:760px;width:60%}.drawer-head{align-items:center;border-bottom:1px solid #e6e9f1;border-bottom:1px solid var(--border);display:flex;gap:12px;gap:var(--space-3);padding:16px 20px;padding:var(--space-4) var(--space-5)}.drawer-head .icon{background:#eaf2fa;background:var(--brand-soft);border-radius:10px;color:#3069b0;color:var(--brand);display:grid;flex-shrink:0;height:38px;place-items:center;width:38px}.drawer-head .titles{flex:1 1;line-height:1.2;min-width:0}.drawer-head .titles .t{color:#0b1530;color:var(--ink);font-size:14px;font-size:var(--fs-md);font-weight:700;font-weight:var(--fw-bold)}.drawer-head .titles .sub{color:#6b7691;color:var(--muted);font-size:11px;font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-stats{grid-gap:16px;grid-gap:var(--space-4);background:#f7f8fb;background:var(--surface-2);border-bottom:1px solid #e6e9f1;border-bottom:1px solid var(--border);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:repeat(4,1fr);padding:20px;padding:var(--space-5)}.drawer-stats .k{color:#6b7691;color:var(--muted);font-size:11px;font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase}.drawer-stats .k,.drawer-stats .v{font-weight:700;font-weight:var(--fw-bold)}.drawer-stats .v{color:#0b1530;color:var(--ink);font-size:16px;font-size:var(--fs-lg);margin-top:6px}.drawer-tabs{padding:16px 20px 0;padding:var(--space-4) var(--space-5) 0}.drawer-body{flex:1 1;min-height:0;overflow-y:auto;padding:20px;padding:var(--space-5)}@media (max-width:640px){.drawer{max-width:none;width:100%}}.activity-list{background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-lg);display:flex;flex-direction:column;overflow:hidden}.activity-item{align-items:center;border-bottom:1px solid #e6e9f1;border-bottom:1px solid var(--border);border-left:3px solid #0000;display:flex;gap:12px;gap:var(--space-3);padding:12px 16px;padding:var(--space-3) var(--space-4)}.activity-item:last-child{border-bottom:0}.activity-item.debit{border-left-color:#d94a4a;border-left-color:var(--color-danger-500)}.activity-item.credit{border-left-color:#10936a;border-left-color:var(--color-success-500)}.activity-item .ico{background:#fdecec;background:var(--color-danger-50);border-radius:8px;border-radius:var(--r-md);color:#d94a4a;color:var(--color-danger-500);display:grid;flex-shrink:0;height:32px;place-items:center;width:32px}.activity-item.credit .ico{background:#e3f5ec;background:var(--color-success-50);color:#10936a;color:var(--color-success-500)}.activity-item .text{display:flex;flex:1 1;flex-direction:column;line-height:1.2;min-width:0}.activity-item .label{color:#2a3450;color:var(--ink-2);font-size:13px;font-size:var(--fs-base);font-weight:600;font-weight:var(--fw-semi)}.activity-item .when{color:#6b7691;color:var(--muted);font-size:12px;font-size:var(--fs-sm);margin-top:2px}.activity-item .amount{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--font-mono);font-size:14px;font-size:var(--fs-md);font-weight:700;font-weight:var(--fw-bold);white-space:nowrap}.activity-item.debit .amount{color:#d94a4a;color:var(--color-danger-500)}.activity-item.credit .amount{color:#10936a;color:var(--color-success-500)}.empty{align-items:center;color:#6b7691;color:var(--muted);display:flex;flex-direction:column;padding:48px 24px;padding:var(--space-9) var(--space-6);text-align:center}.empty .art{background:#f7f8fb;background:var(--surface-2);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:50%;color:#8b94ac;color:var(--muted-2);display:grid;height:96px;margin-bottom:16px;margin-bottom:var(--space-4);place-items:center;width:96px}.empty h4{color:#0b1530;color:var(--ink);font-size:14px;font-size:var(--fs-md);font-weight:700;font-weight:var(--fw-bold);margin:0 0 6px}.empty p{font-size:13px;font-size:var(--fs-base);margin:0 0 16px;margin:0 0 var(--space-4);max-width:320px}.pipeline{align-items:center;display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto;padding:20px;padding:var(--space-5)}.pipeline.is-centered{justify-content:center}.pipeline-stage{align-items:center;background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);display:flex;flex-shrink:0;gap:12px;gap:var(--space-3);min-width:140px;padding:12px 16px;padding:var(--space-3) var(--space-4);position:relative}.pipeline-stage.brand{background:linear-gradient(180deg,#fff,#eaf2fa);background:linear-gradient(180deg,var(--surface),var(--color-brand-50));border-color:#adcbeb;border-color:var(--color-brand-200)}.pipeline-stage.accent{background:linear-gradient(180deg,#fff,#fef1e6);background:linear-gradient(180deg,var(--surface),var(--color-accent-50));border-color:#f9b988;border-color:var(--color-accent-200)}.pipeline-stage.success{background:linear-gradient(180deg,#fff,#e3f5ec);background:linear-gradient(180deg,var(--surface),var(--color-success-50));border-color:#10936a4d}.pipeline-stage.info{background:linear-gradient(180deg,#fff,#e6f4f8);background:linear-gradient(180deg,var(--surface),var(--color-info-50));border-color:#0891b24d}.pipeline-stage .ico{background:linear-gradient(135deg,#275695,#5b92d2);background:linear-gradient(135deg,var(--color-brand-600),var(--color-brand-400));border-radius:10px;color:#fff;display:grid;flex-shrink:0;height:40px;place-items:center;width:40px}.pipeline-stage.accent .ico{background:linear-gradient(135deg,#bf560c,#ed7c26);background:linear-gradient(135deg,var(--color-accent-600),var(--color-accent-400))}.pipeline-stage.success .ico{background:linear-gradient(135deg,#0a6d4f,#10936a);background:linear-gradient(135deg,var(--color-success-700),var(--color-success-500))}.pipeline-stage.info .ico{background:linear-gradient(135deg,#0a607a,#0891b2);background:linear-gradient(135deg,#0a607a,var(--color-info-500))}.pipeline-stage .text{display:flex;flex-direction:column;line-height:1.2}.pipeline-stage .title{color:#0b1530;color:var(--ink);font-size:14px;font-size:var(--fs-md);font-weight:700;font-weight:var(--fw-bold)}.pipeline-stage .sub{color:#6b7691;color:var(--muted);font-size:11px;font-size:var(--fs-xs);margin-top:2px}.pipeline-stage .dot{background:#10936a;background:var(--color-success-500);border-radius:50%;box-shadow:0 0 0 3px #e3f5ec;box-shadow:0 0 0 3px var(--color-success-50);height:6px;position:absolute;right:8px;top:8px;width:6px}.pipeline-arrow{color:#8b94ac;color:var(--muted-2);display:grid;flex-shrink:0;height:64px;place-items:center;width:28px}.pipeline-arrow svg{height:16px;width:100%}.pipeline-endpoint{background:#eaf2fa;background:var(--brand-soft);border:1px dashed #adcbeb;border:1px dashed var(--color-brand-200);border-radius:50%;color:#3069b0;color:var(--brand);display:grid;flex-shrink:0;height:40px;place-items:center;transition:transform .25s ease,box-shadow .25s ease;width:40px}.pipeline-header{align-items:center;display:flex;gap:12px;gap:var(--space-3);margin-bottom:16px;margin-bottom:var(--space-4)}.pipeline-header .ico{background:#eaf2fa;background:var(--brand-soft);border-radius:9px;color:#3069b0;color:var(--brand);display:grid;flex-shrink:0;height:32px;place-items:center;width:32px}.pipeline-header .eyebrow{color:#3069b0;color:var(--brand);display:block;font-size:11px;font-size:var(--fs-xs);font-weight:800;font-weight:var(--fw-black);letter-spacing:.08em;text-transform:uppercase}.pipeline-header .desc{color:#6b7691;color:var(--muted);display:block;font-size:12px;font-size:var(--fs-sm)}.pipeline-stage.is-clickable{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pipeline-stage.is-clickable:hover{box-shadow:0 10px 22px -10px #0f172a2e;transform:translateY(-2px)}.pipeline-stage.is-active{animation:ds-pipeline-pulse 1.4s ease-in-out infinite;border-color:#5b92d2;border-color:var(--color-brand-400);box-shadow:0 0 0 3px #3069b02e,0 14px 28px -10px #3069b059;transform:translateY(-3px) scale(1.04);z-index:4}.pipeline-stage.is-active.accent{border-color:#ed7c26;border-color:var(--color-accent-400);box-shadow:0 0 0 3px #e569102e,0 14px 28px -10px #e5691059}.pipeline-stage.is-active.success{border-color:#10936a;border-color:var(--color-success-500);box-shadow:0 0 0 3px #10936a2e,0 14px 28px -10px #10936a59}.pipeline-stage.is-active.info{border-color:#0891b2;border-color:var(--color-info-500);box-shadow:0 0 0 3px #0891b22e,0 14px 28px -10px #0891b259}.pipeline-stage.is-dimmed{filter:saturate(.65);opacity:.42;transition:opacity .3s ease,filter .3s ease}.pipeline-stage.is-emphasis{min-width:180px;padding:16px;padding:var(--space-4) var(--space-4)}.pipeline-stage.is-emphasis .ico{border-radius:12px;height:48px;width:48px}.pipeline-stage.is-emphasis .title{font-size:16px;font-size:var(--fs-lg)}@keyframes ds-pipeline-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}.pipeline-endpoint.is-active{animation:ds-pipeline-pulse 1.4s ease-in-out infinite;box-shadow:0 0 0 5px #3069b02e,0 8px 18px -6px #3069b073;transform:scale(1.12)}.pipeline-endpoint.is-dimmed{opacity:.42}.pipeline-arrow svg line{animation:ds-pipeline-flow 1.4s linear infinite}@keyframes ds-pipeline-flow{to{stroke-dashoffset:-12}}.pipeline-caption{display:flex;justify-content:center;margin:12px 0 0;margin:var(--space-3) 0 0}.pipeline-caption span{background:#eaf2fa;background:var(--brand-soft);border:1px solid #adcbeb;border:1px solid var(--color-brand-200);border-radius:999px;color:#3069b0;color:var(--brand);font-size:11px;font-size:var(--fs-xs);font-weight:800;font-weight:var(--fw-black);letter-spacing:.08em;padding:5px 14px;text-transform:uppercase}.pipeline-tree{margin:12px auto 0;margin:var(--space-3) auto 0;max-width:600px;padding-top:48px;position:relative}.pipeline-tree__svg{height:48px;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.pipeline-tree__line{fill:none;stroke:#5b92d2;stroke:var(--color-brand-400);stroke-width:1.5;stroke-dasharray:2 3;stroke-linecap:round;vector-effect:non-scaling-stroke;animation:ds-pipeline-flow 2s linear infinite}.pipeline-tree__row{align-items:stretch;display:flex;gap:12px;gap:var(--space-3);justify-content:space-between}.pipeline-tree__row>*{flex:1 1;min-width:0}@media (max-width:900px){.pipeline-tree{padding-top:8px;padding-top:var(--space-2)}.pipeline-tree__svg{display:none}.pipeline-tree__row{flex-direction:column;gap:8px;gap:var(--space-2)}}.anatomy{padding-left:56px;position:relative}.anatomy:before{border-left:1.5px dashed #d8dde9;border-left:1.5px dashed var(--border-strong);bottom:18px;content:"";left:19px;position:absolute;top:18px}.anatomy-step{margin-bottom:20px;margin-bottom:var(--space-5);position:relative}.anatomy-step:last-child{margin-bottom:0}.anatomy-step .marker{background:linear-gradient(135deg,#275695,#5b92d2);background:linear-gradient(135deg,var(--color-brand-600),var(--color-brand-400));border-radius:10px;box-shadow:0 4px 10px -4px #3069b073;color:#fff;display:grid;height:40px;left:-56px;place-items:center;position:absolute;top:0;width:40px}.anatomy-step.accent .marker{background:linear-gradient(135deg,#bf560c,#ed7c26);background:linear-gradient(135deg,var(--color-accent-600),var(--color-accent-400));box-shadow:0 4px 10px -4px #e5691073}.anatomy-step.success .marker{background:linear-gradient(135deg,#0a6d4f,#10936a);background:linear-gradient(135deg,var(--color-success-700),var(--color-success-500));box-shadow:0 4px 10px -4px #10936a66}.anatomy-step.warning .marker{background:linear-gradient(135deg,#b07908,#d4a017);background:linear-gradient(135deg,#b07908,var(--color-warning-500));box-shadow:0 4px 10px -4px #d4a01766}.anatomy-step .panel{background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-lg);justify-content:space-between;padding:16px;padding:var(--space-4)}.anatomy-step .panel,.anatomy-step .panel .title{align-items:center;display:flex;gap:12px;gap:var(--space-3)}.anatomy-step .panel .title{flex-wrap:wrap}.anatomy-step .panel .title h5{color:#0b1530;color:var(--ink);font-size:14px;font-size:var(--fs-md);font-weight:700;font-weight:var(--fw-bold);margin:0}.anatomy-step .panel.is-clickable{cursor:pointer;transition:border-color .12s,box-shadow .12s;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.anatomy-step .panel.is-clickable:hover{border-color:#d8dde9;border-color:var(--border-strong);box-shadow:0 1px 2px #0d16380f,0 1px 0 #0d16380a;box-shadow:var(--shadow-sm)}.anatomy-step.endpoint .marker{background:#f7f8fb;background:var(--surface-2);border:1.5px dashed #d8dde9;border:1.5px dashed var(--border-strong);box-shadow:none;color:#6b7691;color:var(--muted)}.anatomy-step .endpoint-label{align-items:center;color:#6b7691;color:var(--muted);display:flex;font-size:11px;font-size:var(--fs-xs);font-weight:700;font-weight:var(--fw-bold);letter-spacing:.06em;min-height:40px;text-transform:uppercase}.anatomy-step .panel:not(:last-child){border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.anatomy-step .phase-body{background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-bottom:0;border-radius:0;margin-top:0;padding:12px 16px 16px;padding:var(--space-3) var(--space-4) var(--space-4)}.anatomy-step .phase-body:last-child{border-bottom:1px solid #e6e9f1;border-bottom:1px solid var(--border);border-bottom-left-radius:12px;border-bottom-left-radius:var(--r-lg);border-bottom-right-radius:12px;border-bottom-right-radius:var(--r-lg)}.anatomy-step .phase-body .label{color:#0b1530;color:var(--ink)}.waveform{background:#f7f8fb;background:var(--surface-2);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);display:flex;flex-direction:column;gap:12px;gap:var(--space-3);padding:16px;padding:var(--space-4)}.waveform-bars{align-items:center;display:flex;gap:2px;height:56px}.waveform-bars span{background:#3069b0;background:var(--brand);border-radius:1px;flex:1 1;opacity:.35}.waveform-bars span.peak{background:#10936a;background:var(--color-success-500);opacity:1}.audio-player{background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-lg);overflow:hidden}.audio-player .a-head{align-items:center;background:#f7f8fb;background:var(--surface-2);border-bottom:1px solid #e6e9f1;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3);justify-content:space-between;padding:12px 16px;padding:var(--space-3) var(--space-4)}.audio-player .a-meta{align-items:center;color:#6b7691;color:var(--muted);display:flex;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--font-mono);font-size:12px;font-size:var(--fs-sm);gap:8px;gap:var(--space-2)}.audio-player .a-meta strong{color:#0b1530;color:var(--ink);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-sans)}.track-stack{display:flex;flex-direction:column;position:relative}.track{align-items:stretch;border-bottom:1px solid #e6e9f1;border-bottom:1px solid var(--border);display:grid;grid-template-columns:132px 1fr 60px;min-height:80px}.track:last-of-type{border-bottom:0}.track .t-info{align-items:center;background:#f7f8fb;background:var(--surface-2);border-right:1px solid #e6e9f1;border-right:1px solid var(--border);display:flex;gap:12px;gap:var(--space-3);padding:0 12px;padding:0 var(--space-3)}.track .t-info .who{background:#eaf2fa;background:var(--brand-soft);border-radius:8px;color:#3069b0;color:var(--brand);display:grid;flex-shrink:0;height:30px;place-items:center;width:30px}.track.caller .t-info .who{background:#e3f5ec;background:var(--color-success-50);color:#10936a;color:var(--color-success-500)}.track .t-info .who-label{display:flex;flex-direction:column;line-height:1.15;min-width:0}.track .t-info .who-name{color:#0b1530;color:var(--ink);font-size:12px;font-size:var(--fs-sm);font-weight:700;font-weight:var(--fw-bold)}.track .t-info .who-role{color:#6b7691;color:var(--muted);font-size:10px;font-weight:700;font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase}.track .t-canvas{background:#fff;background:var(--surface);cursor:pointer;overflow:hidden;position:relative}.track .t-canvas:before{background:#e6e9f1;background:var(--border);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.track .t-bars{align-items:center;display:flex;gap:1.5px;height:100%;padding:4px 8px;position:relative}.track .t-bars span{align-self:center;background:#3069b0;background:var(--brand);border-radius:1px;flex:1 1;min-width:1px;opacity:.85;transform-origin:center}.track.caller .t-bars span{background:#10936a;background:var(--color-success-500)}.track .t-bars span.silent{opacity:.18}.track .t-ctl{align-items:center;background:#f7f8fb;background:var(--surface-2);border-left:1px solid #e6e9f1;border-left:1px solid var(--border);display:flex;gap:4px;justify-content:center;padding:0 8px;padding:0 var(--space-2)}.track .t-btn{background:#0000;border:1px solid #0000;border-radius:6px;color:#6b7691;color:var(--muted);cursor:pointer;display:grid;height:26px;place-items:center;width:26px}.track .t-btn:hover{background:#fff;background:var(--surface);border-color:#e6e9f1;border-color:var(--border);color:#0b1530;color:var(--ink)}.track .t-btn.active{background:#3069b0;background:var(--brand);border-color:#3069b0;border-color:var(--brand);color:#fff}.track .t-btn.muted{color:#d94a4a;color:var(--color-danger-500)}.playhead{bottom:0;pointer-events:none;top:0;width:1.5px;z-index:2}.playhead,.playhead:before{background:#e56910;background:var(--accent);position:absolute}.playhead:before{border-radius:50%;box-shadow:0 0 0 3px #e5691033;content:"";height:11px;left:-4px;top:-4px;width:11px}.t-ruler{background:#f7f8fb;background:var(--surface-2);border-bottom:1px solid #e6e9f1;border-bottom:1px solid var(--border);color:#6b7691;color:var(--muted);display:grid;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--font-mono);font-size:10px;grid-template-columns:132px 1fr 60px}.t-ruler .ruler-pad{background:#0000}.t-ruler .ruler{display:flex;justify-content:space-between;padding:4px 8px;position:relative}.t-ruler .ruler:after,.t-ruler .ruler:before{content:""}.audio-player .transport{align-items:center;background:#f7f8fb;background:var(--surface-2);border-top:1px solid #e6e9f1;border-top:1px solid var(--border);display:flex;gap:12px;gap:var(--space-3);padding:12px 16px;padding:var(--space-3) var(--space-4)}.audio-player .play-btn{background:#3069b0;background:var(--brand);border:0;border-radius:50%;box-shadow:0 6px 14px -6px #3069b08c;color:#fff;cursor:pointer;display:grid;flex-shrink:0;height:38px;place-items:center;width:38px}.audio-player .play-btn:hover{background:#275695;background:var(--brand-strong)}.audio-player .time{color:#2a3450;color:var(--ink-2);font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--font-mono);font-size:12px;font-size:var(--fs-sm);white-space:nowrap}.audio-player .time .now{color:#0b1530;color:var(--ink);font-weight:700;font-weight:var(--fw-bold)}.audio-player .scrub{background:#e6e9f1;background:var(--border);border-radius:999px;cursor:pointer;flex:1 1;height:4px;min-width:80px;position:relative}.audio-player .scrub-fill{background:#3069b0;background:var(--brand);border-radius:999px;bottom:0;left:0;position:absolute;top:0}.audio-player .speed{background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:6px;border-radius:var(--r-sm);color:#2a3450;color:var(--ink-2);cursor:pointer;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--font-mono);font-size:12px;font-size:var(--fs-sm);font-weight:700;font-weight:var(--fw-bold);padding:4px 10px}.icon-grid{grid-gap:12px;grid-gap:var(--space-3);display:grid;gap:12px;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:20px;margin-bottom:var(--space-5)}.icon-card{align-items:center;background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);color:#2a3450;color:var(--ink-2);cursor:default;display:flex;flex-direction:column;gap:8px;padding:16px 12px;padding:var(--space-4) var(--space-3);text-align:center;transition:border-color .12s,background .12s;transition:border-color var(--t-fast),background var(--t-fast)}.icon-card:hover{background:#eaf2fa;background:var(--brand-soft);border-color:#3069b0;border-color:var(--brand)}.icon-card .icon-frame{background:#f7f8fb;background:var(--surface-2);border-radius:8px;border-radius:var(--r-md);color:#0b1530;color:var(--ink);display:grid;height:56px;place-items:center;width:56px}.dark .icon-card .icon-frame{color:#2a3450;color:var(--ink-2)}.icon-card .icon-name{color:#0b1530;color:var(--ink);font-size:12px;font-size:var(--fs-sm);font-weight:700;font-weight:var(--fw-bold)}.icon-card .icon-file,.icon-card .icon-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-card .icon-file{color:#6b7691;color:var(--muted);font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--font-mono);font-size:11px;font-size:var(--fs-xs)}.ds-dropdown{display:inline-block;position:relative}.ds-dropdown-trigger{align-items:center;background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);color:#2a3450;color:var(--ink-2);cursor:pointer;display:inline-flex;font:600 13px Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font:600 13px var(--font-sans);gap:8px;height:36px;padding:0 12px;transition:background .12s,border-color .12s;transition:background var(--t-fast),border-color var(--t-fast);white-space:nowrap}.ds-dropdown-trigger:hover{background:#f7f8fb;background:var(--surface-2);border-color:#d8dde9;border-color:var(--border-strong)}.ds-dropdown-trigger.open{background:#fff;background:var(--surface);border-color:#3069b0;border-color:var(--brand);box-shadow:0 0 0 3px #3069b033;box-shadow:var(--shadow-focus)}.ds-dropdown-trigger .chev{color:#6b7691;color:var(--muted);transition:transform .12s;transition:transform var(--t-fast)}.ds-dropdown-trigger.open .chev{transform:rotate(180deg)}.ds-dropdown-menu{background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);box-shadow:0 18px 40px -16px #0d163847;box-shadow:var(--shadow-lg);display:none;left:0;min-width:220px;padding:6px;position:absolute;top:calc(100% + 4px);z-index:60;z-index:var(--z-popover)}.ds-dropdown-menu.open{display:block}.ds-dropdown-menu.right{left:auto;right:0}.ds-dropdown-header{color:#6b7691;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;padding:8px 10px 4px;text-transform:uppercase}.ds-dropdown-item{align-items:center;border-radius:6px;border-radius:var(--r-sm);color:#2a3450;color:var(--ink-2);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 10px;text-decoration:none;transition:background .12s;transition:background var(--t-fast);white-space:nowrap}.ds-dropdown-item:hover{background:#f7f8fb;background:var(--surface-2);color:#0b1530;color:var(--ink)}.ds-dropdown-item.selected{background:#eaf2fa;background:var(--brand-soft);color:#1f457a;color:var(--brand-deep)}.ds-dropdown-item.danger{color:#d94a4a;color:var(--color-danger-500)}.ds-dropdown-item.danger:hover{background:#fdecec;background:var(--color-danger-50)}.ds-dropdown-item .item-icon{color:#6b7691;color:var(--muted);flex-shrink:0}.ds-dropdown-item .item-check,.ds-dropdown-item.selected .item-icon{color:#3069b0;color:var(--brand)}.ds-dropdown-item .item-check{margin-left:auto;opacity:0;transition:opacity .12s;transition:opacity var(--t-fast)}.ds-dropdown-item.selected .item-check{opacity:1}.ds-dropdown-item .item-kbd{background:#f7f8fb;background:var(--surface-2);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:4px;color:#6b7691;color:var(--muted);font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--font-mono);font-size:10px;margin-left:auto;padding:2px 6px}.ds-dropdown-divider{background:#e6e9f1;background:var(--border);height:1px;margin:4px 0}.ds-chart{background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-lg);box-shadow:0 1px 2px #0d16380f,0 1px 0 #0d16380a;box-shadow:var(--shadow-sm);padding:20px;padding:var(--space-5)}.ds-chart-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3);justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4)}.ds-chart-head h4{color:#0b1530;color:var(--ink);font-size:14px;font-size:var(--fs-md);font-weight:700;font-weight:var(--fw-bold);margin:0}.ds-chart-head .h-sub{color:#6b7691;color:var(--muted);font-size:12px;font-size:var(--fs-sm);margin-top:2px}.ds-chart-head .h-meta{align-items:flex-end;display:flex;flex-direction:column;line-height:1.2}.ds-chart-head .h-value{font-feature-settings:"tnum";color:#0b1530;color:var(--ink);font-size:22px;font-size:var(--fs-2xl);font-weight:800;font-weight:var(--fw-black);letter-spacing:-.02em;letter-spacing:var(--tracking-tight)}.ds-chart-head .h-delta{align-items:center;color:#0a6d4f;color:var(--color-success-700);display:inline-flex;font-size:11px;font-size:var(--fs-xs);font-weight:700;font-weight:var(--fw-bold);gap:3px}.ds-chart-head .h-delta.down{color:#d94a4a;color:var(--color-danger-500)}.ds-chart svg{display:block;height:auto;width:100%}.ds-chart .axis-text{fill:#6b7691;fill:var(--muted);font:600 10px JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font:600 10px var(--font-mono)}.ds-chart .grid-line{stroke:#e6e9f1;stroke:var(--border);stroke-dasharray:3 3}.ds-chart-legend{border-top:1px solid #e6e9f1;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px 16px;gap:var(--space-3) var(--space-4);margin-top:16px;margin-top:var(--space-4);padding-top:12px;padding-top:var(--space-3)}.ds-chart-legend>span{align-items:center;color:#6b7691;color:var(--muted);display:inline-flex;font-size:12px;font-size:var(--fs-sm);font-weight:600;font-weight:var(--fw-semi);gap:6px}.ds-chart-legend>span:before{background:#3069b0;background:var(--lg-color,var(--brand));border-radius:2px;content:"";height:10px;width:10px}.ds-chart-legend .strong{color:#0b1530;color:var(--ink)}.funnel{display:flex;flex-direction:column;gap:8px;gap:var(--space-2)}.funnel-step{grid-gap:12px;grid-gap:var(--space-3);align-items:center;display:grid;font-size:12px;font-size:var(--fs-sm);gap:12px;gap:var(--space-3);grid-template-columns:110px 1fr 80px}.funnel-step .label{color:#0b1530;color:var(--ink);font-weight:600;font-weight:var(--fw-semi)}.funnel-step .bar{background:#f7f8fb;background:var(--surface-2);height:22px;overflow:hidden;position:relative}.funnel-step .bar,.funnel-step .bar-fill{border-radius:6px;border-radius:var(--r-sm)}.funnel-step .bar-fill{background:linear-gradient(90deg,#3069b0,#5b92d2);background:linear-gradient(90deg,var(--brand) 0,var(--color-brand-400) 100%);bottom:0;left:0;position:absolute;top:0;transition:width .5s ease;width:0;width:calc(var(--w, 0)*100%)}.funnel-step .value{font-feature-settings:"tnum";color:#0b1530;color:var(--ink);font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--font-mono);font-weight:700;font-weight:var(--fw-bold);text-align:right}.funnel-step.success .bar-fill{background:linear-gradient(90deg,#10936a,#0a6d4f);background:linear-gradient(90deg,var(--color-success-500) 0,var(--color-success-700) 100%)}.funnel-step.accent .bar-fill{background:linear-gradient(90deg,#e56910,#ed7c26);background:linear-gradient(90deg,var(--accent) 0,var(--color-accent-400) 100%)}.funnel-step .pct{color:#6b7691;color:var(--muted);font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--font-mono);font-size:11px;font-size:var(--fs-xs)}.ds-chart .chart-marker{stroke:#fff;stroke:var(--surface);stroke-width:1.5;fill:#8b94ac;fill:var(--muted-2)}.ds-chart .chart-marker.up{fill:#10936a;fill:var(--color-success-500)}.ds-chart .chart-marker.down{fill:#d94a4a;fill:var(--color-danger-500)}.ds-chart .chart-marker.halo{stroke:none;opacity:.18}.ds-chart .chart-marker.halo.up{fill:#10936a;fill:var(--color-success-500)}.ds-chart .chart-marker.halo.down{fill:#d94a4a;fill:var(--color-danger-500)}.ds-calendar{background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-lg);box-shadow:0 6px 14px -8px #0d16382e,0 1px 2px #0d16380a;box-shadow:var(--shadow-md);padding:16px;padding:var(--space-4);width:308px}.cal-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--space-3)}.cal-head .cal-title{color:#0b1530;color:var(--ink);font-size:13px;font-size:var(--fs-base);font-weight:700;font-weight:var(--fw-bold);letter-spacing:-.02em;letter-spacing:var(--tracking-tight)}.cal-head .cal-nav{display:flex;gap:2px}.cal-head .cal-nav button{background:#0000;border:0;border-radius:6px;border-radius:var(--r-sm);color:#6b7691;color:var(--muted);cursor:pointer;display:grid;height:28px;place-items:center;width:28px}.cal-head .cal-nav button:hover{background:#f7f8fb;background:var(--surface-2);color:#0b1530;color:var(--ink)}.cal-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.cal-grid .cal-dow{color:#6b7691;color:var(--muted);font-size:11px;font-weight:700;font-weight:var(--fw-bold);letter-spacing:.04em;padding:6px 0;text-align:center;text-transform:uppercase}.cal-day{aspect-ratio:1;background:#0000;border:0;border-radius:6px;border-radius:var(--r-sm);color:#2a3450;color:var(--ink-2);cursor:pointer;display:grid;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:13px;font-weight:500;font-weight:var(--fw-medium);place-items:center;position:relative;transition:background .12s,color .12s;transition:background var(--t-fast),color var(--t-fast)}.cal-day:hover:not(:disabled):not(.range-start):not(.range-end):not(.selected){background:#f7f8fb;background:var(--surface-2);color:#0b1530;color:var(--ink)}.cal-day.outside{color:#8b94ac;color:var(--muted-2);opacity:.5}.cal-day:disabled{color:#8b94ac;color:var(--muted-2);cursor:not-allowed;opacity:.35}.cal-day.today{color:#3069b0;color:var(--brand);font-weight:700;font-weight:var(--fw-bold)}.cal-day.today:after{background:#3069b0;background:var(--brand);border-radius:50%;bottom:4px;content:"";height:4px;position:absolute;width:4px}.cal-day.range-end,.cal-day.range-start,.cal-day.selected{background:#3069b0;background:var(--brand);color:#fff;font-weight:700;font-weight:var(--fw-bold)}.cal-day.range-end.today:after,.cal-day.range-start.today:after,.cal-day.selected.today:after{background:#fff}.cal-day.in-range{background:#eaf2fa;background:var(--brand-soft);border-radius:0;color:#1f457a;color:var(--brand-deep)}.cal-day.range-start{border-radius:6px 0 0 6px;border-radius:var(--r-sm) 0 0 var(--r-sm)}.cal-day.range-end{border-radius:0 6px 6px 0;border-radius:0 var(--r-sm) var(--r-sm) 0}.cal-footer{align-items:center;border-top:1px solid #e6e9f1;border-top:1px solid var(--border);display:flex;gap:8px;gap:var(--space-2);justify-content:space-between;margin-top:12px;margin-top:var(--space-3);padding-top:12px;padding-top:var(--space-3)}.ds-daterange{border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-lg);box-shadow:0 6px 14px -8px #0d16382e,0 1px 2px #0d16380a;box-shadow:var(--shadow-md);max-width:860px;overflow:hidden}.ds-daterange,.ds-daterange .presets{background:#fff;background:var(--surface);display:flex}.ds-daterange .presets{border-right:1px solid #e6e9f1;border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:1px;padding:8px;padding:var(--space-2);width:200px}.ds-daterange .presets .preset-h{color:#6b7691;color:var(--muted);font-size:12px;font-weight:700;font-weight:var(--fw-bold);letter-spacing:0;padding:8px 10px 6px;text-transform:none}.ds-daterange .presets button{align-items:center;background:#0000;border:0;border-radius:6px;border-radius:var(--r-sm);color:#2a3450;color:var(--ink-2);cursor:pointer;display:flex;font:500 13px Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font:500 13px var(--font-sans);gap:8px;justify-content:space-between;padding:8px 10px;position:relative;text-align:left}.ds-daterange .presets button:hover{background:#f7f8fb;background:var(--surface-2);color:#0b1530;color:var(--ink)}.ds-daterange .presets button.active{background:#eaf2fa;background:var(--brand-soft);color:#1f457a;color:var(--brand-deep);font-weight:600;font-weight:var(--fw-semi)}.ds-daterange .presets button.active:after{background:#3069b0;background:var(--brand);content:"";flex-shrink:0;height:14px;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><polyline points=%275 12 10 17 20 7%27/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><polyline points=%275 12 10 17 20 7%27/></svg>");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:14px}.ds-daterange .presets-divider{background:#e6e9f1;background:var(--border);height:1px;margin:4px 6px}.ds-daterange .cals{display:flex;gap:12px;gap:var(--space-3);padding:12px;padding:var(--space-3)}.ds-daterange .ds-calendar{border:0;box-shadow:none;padding:8px;padding:var(--space-2)}.daterange-input{align-items:center;background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);color:#0b1530;color:var(--ink);cursor:pointer;display:inline-flex;font:13px Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font:13px var(--font-sans);gap:8px;height:38px;padding:0 12px;white-space:nowrap}.daterange-input:hover{border-color:#d8dde9;border-color:var(--border-strong)}.daterange-input .sep{color:#6b7691;color:var(--muted)}.daterange-input .value{font-weight:600;font-weight:var(--fw-semi)}.stat-mini{background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px 16px;padding:var(--space-3) var(--space-4)}.stat-mini .sm-label{color:#6b7691;color:var(--muted);font-size:11px;font-weight:700;font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase}.stat-mini .sm-value{font-feature-settings:"tnum";color:#0b1530;color:var(--ink);font-size:28px;font-weight:800;font-weight:var(--fw-black);letter-spacing:-.02em;letter-spacing:var(--tracking-tight);line-height:1}.stat-mini.brand .sm-value{color:#3069b0;color:var(--brand)}.stat-mini.accent .sm-value{color:#e56910;color:var(--accent)}.stat-mini.success .sm-value{color:#10936a;color:var(--color-success-500)}.stat-mini.danger .sm-value{color:#d94a4a;color:var(--color-danger-500)}.stat-mini.info .sm-value{color:#0891b2;color:var(--color-info-500)}.stat-mini.purple .sm-value{color:#6f5bd6}.stat-mini .sm-sub{align-items:center;color:#6b7691;color:var(--muted);display:flex;font-size:11.5px;gap:6px}.stat-mini .sm-sub .thumb-up{color:#10936a;color:var(--color-success-500)}.stat-mini .sm-sub .thumb-down{color:#d94a4a;color:var(--color-danger-500)}.ds-map{aspect-ratio:2/1;background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-lg);min-height:0;overflow:hidden;position:relative;width:100%}.ds-map .map-bg{background-color:#dee2e8;inset:0;-webkit-mask:url(/static/media/world-map.9732418be11b23e064e2.svg) center/contain no-repeat;mask:url(/static/media/world-map.9732418be11b23e064e2.svg) center/contain no-repeat;-webkit-mask-mode:alpha;mask-mode:alpha;position:absolute}.dark .ds-map .map-bg{background-color:#2b3344}.map-marker{background:#3069b0e6;border-radius:50%;box-shadow:0 0 0 6px #3069b052,0 0 0 15px #3069b01f;height:7px;position:absolute;transform:translate(-50%,-50%);width:7px;z-index:2}.map-marker .marker-label{background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:4px;box-shadow:0 1px 2px #0d16380f,0 1px 0 #0d16380a;box-shadow:var(--shadow-sm);color:#0b1530;color:var(--ink);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:11px;font-weight:700;font-weight:var(--fw-bold);left:50%;padding:3px 8px;position:absolute;top:calc(100% + 14px);transform:translateX(-50%);white-space:nowrap}.map-marker.accent{background:#e56910e6;box-shadow:0 0 0 6px #e569104d,0 0 0 15px #e569101c}.map-marker.success{background:#10936ae6;box-shadow:0 0 0 6px #10936a4d,0 0 0 15px #10936a1c}.map-overlay{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffbf;border:1px solid #ffffff80;border-radius:8px;border-radius:var(--r-md);box-shadow:0 4px 20px #0000000f,inset 0 0 0 1px #ffffff80;min-width:180px;padding:10px 14px;position:absolute;z-index:3}.dark .map-overlay{background:#141826a6;border-color:#ffffff14;box-shadow:0 4px 20px #00000040,inset 0 0 0 1px #ffffff0a}.map-overlay.top-right{right:16px;top:16px}.map-overlay.top-left{left:16px;top:16px}.map-overlay.bottom-left{bottom:16px;left:16px}.map-overlay.bottom-right{bottom:16px;right:16px}.map-overlay .ovl-h{color:#6b7691;color:var(--muted);font-size:10px;font-weight:700;font-weight:var(--fw-bold);letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.map-overlay .ovl-row{align-items:center;border-bottom:1px solid #e6e9f1;border-bottom:1px solid var(--border);display:flex;font-size:13px;gap:12px;gap:var(--space-3);justify-content:space-between;padding:6px 0}.map-overlay .ovl-row:last-child{border-bottom:0;padding-bottom:0}.map-overlay .ovl-row .city{color:#0b1530;color:var(--ink);font-weight:600;font-weight:var(--fw-semi)}.map-overlay .ovl-row .count{color:#3069b0;color:var(--brand);font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--font-mono);font-weight:700;font-weight:var(--fw-bold)}.ds-date-row{align-items:center;display:flex;gap:8px;left:16px;position:absolute;top:16px;z-index:3}.muted{color:#6b7691;color:var(--muted)}.mono{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--font-mono)}.truncate{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.row{align-items:center;flex-wrap:wrap}.row,.stack{display:flex;gap:12px;gap:var(--space-3)}.stack,.stack-2{flex-direction:column}.stack-2{display:flex;gap:8px;gap:var(--space-2)}.row-tight{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.input-search{min-width:240px}.spacer{flex:1 1 auto;min-width:0}.sparkline{align-items:flex-end;display:inline-flex;gap:2px;height:28px;min-width:80px;padding:2px 0}.sparkline.lg{height:48px;min-width:140px}.sparkline.sm{gap:1px;height:18px;min-width:60px}.sparkline-bar{background:#5b92d2;background:var(--color-brand-400);border-radius:2px 2px 0 0;flex:1 1;height:2px;height:calc(2px + (100% - 2px)*var(--h, 0));min-width:3px;transition:background .15s ease}.sparkline-bar.is-today{background:#3069b0;background:var(--brand)}.sparkline-bar.is-empty{background:#e6e9f1;background:var(--border)}.sparkline.accent .sparkline-bar{background:#ed7c26;background:var(--color-accent-400)}.sparkline.accent .sparkline-bar.is-today{background:#e56910;background:var(--accent)}.sparkline.success .sparkline-bar{background:#10936a;background:var(--color-success-500)}.sparkline.muted .sparkline-bar{background:#8b94ac;background:var(--muted-2);opacity:.55}.delta{font-feature-settings:"tnum";align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-size:var(--fs-xs);font-weight:700;font-weight:var(--fw-bold);gap:2px;line-height:1.4;padding:1px 6px}.delta.up{background:#e3f5ec;background:var(--color-success-50);color:#0a6d4f;color:var(--color-success-700)}.delta.down{background:#fdecec;background:var(--color-danger-50);color:#a52c2c;color:var(--color-danger-700)}.delta.flat{background:#f7f8fb;background:var(--surface-2);color:#6b7691;color:var(--muted)}.health-dot{border-radius:50%;box-shadow:0 0 0 3px #0000;display:inline-block;flex-shrink:0;height:10px;vertical-align:middle;width:10px}.health-dot.good{background:#10936a;background:var(--color-success-500);box-shadow:0 0 0 3px #10936a2e}.health-dot.warning{background:#d4a017;background:var(--color-warning-500);box-shadow:0 0 0 3px #d4a01738}.health-dot.quiet{background:#0891b2;background:var(--color-info-500);box-shadow:0 0 0 3px #0891b22e}.health-dot.inactive{background:#8b94ac;background:var(--muted-2);box-shadow:0 0 0 3px #8b94ac33}.md-toolbar{align-items:center;display:flex;gap:8px;gap:var(--space-2);margin-bottom:6px}.md-toolbar .pill-nav{margin:0}.md-collapsed{align-items:center;background:#f7f8fb;background:var(--surface-2);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);display:flex;gap:12px;gap:var(--space-3);justify-content:space-between;padding:12px 16px;padding:var(--space-3) var(--space-4)}.md-collapsed__text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#2a3450;color:var(--ink-2);cursor:pointer;display:-webkit-box;flex:1 1;font-size:12px;font-size:var(--fs-sm);line-height:1.35;line-height:var(--lh-snug);min-width:0;overflow:hidden;white-space:pre-wrap}.md-collapsed__text.is-empty{color:#6b7691;color:var(--muted);font-style:italic}.md-collapsed .btn{flex-shrink:0}.md-editor{background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);overflow:hidden}.md-editor .textarea{border:0;border-radius:0}.md-editor.is-split{display:grid;grid-template-columns:1fr 1fr}.md-editor.is-split .md-pane+.md-pane{border-left:1px solid #e6e9f1;border-left:1px solid var(--border)}.md-editor .md-pane{display:flex;flex-direction:column;min-height:0}.md-editor .md-pane .textarea{flex:1 1;min-height:140px}.md-editor .md-pane.md-pane--preview{background:#f7f8fb;background:var(--surface-2);max-height:480px;overflow:auto;padding:16px;padding:var(--space-4)}.md-prose{color:#0b1530;color:var(--ink);font-size:13px;font-size:var(--fs-base);line-height:1.5;line-height:var(--lh-base)}.md-prose>:first-child{margin-top:0}.md-prose>:last-child{margin-bottom:0}.md-prose h1,.md-prose h2,.md-prose h3,.md-prose h4{color:#0b1530;color:var(--ink);font-weight:700;font-weight:var(--fw-bold);margin:1em 0 .4em}.md-prose h1{font-size:1.4em}.md-prose h2{font-size:1.2em}.md-prose h3{font-size:1.1em}.md-prose h4{font-size:1em}.md-prose ol,.md-prose p,.md-prose ul{margin:0 0 .7em}.md-prose ol,.md-prose ul{padding-left:1.4em}.md-prose li{margin:.15em 0}.md-prose a{color:#3069b0;color:var(--brand);text-decoration:underline;text-underline-offset:2px}.md-prose code{background:#3069b014;background:var(--surface-3,#3069b014);border-radius:4px;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--font-mono);font-size:.9em;padding:1px 5px}.md-prose pre{background:#3069b00d;background:var(--surface-3,#3069b00d);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:6px;border-radius:var(--r-sm);overflow-x:auto;padding:12px;padding:var(--space-3)}.md-prose pre code{background:#0000;padding:0}.md-prose blockquote{background:#eaf2fa;background:var(--brand-soft);border-left:3px solid #adcbeb;border-left:3px solid var(--color-brand-200);border-radius:0 6px 6px 0;border-radius:0 var(--r-sm) var(--r-sm) 0;color:#6b7691;color:var(--muted);margin:0 0 .7em;padding:.2em .9em}.md-prose table{border-collapse:collapse;font-size:12px;font-size:var(--fs-sm);margin:.5em 0 .9em;width:100%}.md-prose td,.md-prose th{border:1px solid #e6e9f1;border:1px solid var(--border);padding:6px 8px;text-align:left}.md-prose th{background:#f7f8fb;background:var(--surface-2);font-weight:700;font-weight:var(--fw-bold)}.md-prose hr{border:0;border-top:1px solid #e6e9f1;border-top:1px solid var(--border);margin:1em 0}.md-prose .md-empty{color:#6b7691;color:var(--muted);font-style:italic}.md-modal-backdrop{align-items:stretch;background:#0f172a8c;display:flex;inset:0;justify-content:stretch;padding:20px;padding:var(--space-5);position:fixed;z-index:60}.md-modal{background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-lg);box-shadow:0 24px 64px -16px #0f172a66;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.md-modal__head{align-items:center;border-bottom:1px solid #e6e9f1;border-bottom:1px solid var(--border);display:flex;gap:12px;gap:var(--space-3);padding:12px 16px;padding:var(--space-3) var(--space-4)}.md-modal__head .title{color:#0b1530;color:var(--ink);font-weight:700;font-weight:var(--fw-bold)}.md-modal__body{display:flex;flex:1 1;min-height:0}.md-modal__body .md-editor{border:0;border-radius:0;display:flex;flex:1 1;flex-direction:column}.md-modal__body .md-editor.is-split{display:grid}.md-modal__body .md-pane .textarea{min-height:100%;resize:none}.md-modal__body .md-pane.md-pane--preview{max-height:none}.agent-detail-layout{align-items:stretch;min-height:0}.agent-detail-layout,.agent-detail-main{display:flex;flex:1 1;gap:12px;gap:var(--space-3)}.agent-detail-main{flex-direction:column;min-width:0}.agent-test-panel{align-self:flex-start;background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);box-shadow:0 4px 16px -8px #0f172a1f;display:flex;flex:0 0 clamp(360px,25vw,480px);flex-direction:column;height:calc(100vh - 84px);height:calc(100vh - 68px - var(--space-4));min-height:0;overflow:hidden;position:-webkit-sticky;position:sticky;top:76px;top:calc(68px + var(--space-2))}.agent-test-panel__head{align-items:center;border-bottom:1px solid #e6e9f1;border-bottom:1px solid var(--border);display:flex;gap:8px;gap:var(--space-2);padding:12px;padding:var(--space-3)}.agent-test-panel__head .ico{background:#eaf2fa;background:var(--brand-soft);border-radius:9px;color:#3069b0;color:var(--brand);display:grid;flex-shrink:0;height:32px;place-items:center;width:32px}.agent-test-panel__body{background:#f7f8fb;background:var(--surface-2);display:flex;flex:1 1;min-height:0;overflow:hidden}.agent-test-panel__iframe{background:#0000;border:0;flex:1 1;width:100%}.agent-test-panel__actions{align-items:center;border-top:1px solid #e6e9f1;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2);padding:12px;padding:var(--space-3)}@media (max-width:1100px){.agent-detail-layout{flex-direction:column}.agent-test-panel{flex:0 0 auto;max-height:70vh;position:relative;top:auto;width:100%}}.text-right{text-align:right}.text-danger{color:#a52c2c;color:var(--color-danger-700)}.text-warning{color:#8a6708;color:var(--color-warning-700)}.text-success{color:#0a6d4f;color:var(--color-success-700)}.text-sm{font-size:12px;font-size:var(--fs-sm)}.text-xs{font-size:11px;font-size:var(--fs-xs)}.btn-link{background:#0000;border:0;color:#0b1530;color:var(--ink);cursor:pointer;font:inherit;font-weight:700;font-weight:var(--fw-bold);margin:0;padding:0;text-align:left}.btn-link:hover{color:#3069b0;color:var(--brand);text-decoration:underline;text-underline-offset:2px}.kpi-strip{grid-gap:12px;grid-gap:var(--space-3);display:grid;gap:12px;gap:var(--space-3);grid-template-columns:repeat(4,1fr)}.kpi-strip[data-cols="2"]{grid-template-columns:repeat(2,1fr)}.kpi-strip[data-cols="3"]{grid-template-columns:repeat(3,1fr)}.kpi-strip[data-cols="5"]{grid-template-columns:repeat(5,1fr)}.kpi-strip[data-cols="6"]{grid-template-columns:repeat(6,1fr)}@media (max-width:900px){.kpi-strip{grid-template-columns:repeat(2,1fr)}}.kpi-strip.is-dense .stat-mini{gap:4px;padding:8px 12px;padding:var(--space-2) var(--space-3)}.kpi-strip.is-dense .stat-mini .sm-value{font-size:22px}.kpi-strip.is-dense .stat-mini .sm-label{font-size:10px}.kpi-strip.is-dense .stat-mini .sm-sub{font-size:10.5px}.kpi-strip:not([data-cols]):has(>:nth-child(5)){grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;grid-template-columns:none}@media (max-width:900px){.kpi-strip:not([data-cols]):has(>:nth-child(5)){grid-auto-columns:auto;grid-auto-flow:row;grid-template-columns:repeat(2,1fr)}}@keyframes ds-spin{to{transform:rotate(1turn)}}.spin{animation:ds-spin .8s linear infinite}.legend-dot{align-items:center;color:#6b7691;color:var(--muted);display:inline-flex;font-size:11px;gap:6px}.legend-dot:before{background:#3069b0;background:var(--swatch,var(--brand));border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.legend-dot strong{color:#0b1530;color:var(--ink)}.stat-mini-overlay{display:flex;flex-direction:column;gap:2px}.stat-mini-overlay .sm-label{color:#8b94ac;color:var(--muted-2);font-size:9px;letter-spacing:.05em;text-transform:uppercase}.stat-mini-overlay .sm-value{font-feature-settings:"tnum";color:#0b1530;color:var(--ink);font-size:20px;font-weight:700;font-weight:var(--fw-bold);line-height:1.1}.stat-mini-overlay.brand .sm-value{color:#3069b0;color:var(--brand)}.ds-map.fixed{aspect-ratio:auto;flex-shrink:0;height:60vh;max-height:500px;min-height:350px}.dashboard-page,.page{display:flex;flex-direction:column;gap:12px;gap:var(--space-3);padding:12px;padding:var(--space-3)}.dashboard-page{height:calc(100vh - 68px);overflow:hidden}.dashboard-stats-grid{grid-gap:8px;grid-gap:var(--space-2);display:grid;flex-shrink:0;gap:8px;gap:var(--space-2);grid-template-columns:repeat(7,minmax(0,1fr))}@media (max-width:900px){.dashboard-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:540px){.dashboard-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dashboard-call-source{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0}.dashboard-chart-canvas{flex:1 1;min-height:0;position:relative}.dashboard-overlay-chart{height:70px}.modal-backdrop{align-items:center;background:#0b153080;display:flex;inset:0;justify-content:center;padding:16px;padding:var(--space-4);position:fixed;z-index:70;z-index:var(--z-modal)}.modal-dialog{box-shadow:0 18px 40px -16px #0d163847;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:calc(100vh - 24px);max-height:calc(100vh - var(--space-6));max-width:480px;overflow:hidden;width:100%}.modal-dialog.modal-sm{max-width:380px}.modal-dialog.modal-md{max-width:560px}.modal-dialog.modal-lg{max-width:720px}.modal-head{align-items:flex-start;border-bottom:1px solid #e6e9f1;border-bottom:1px solid var(--border);display:flex;gap:12px;gap:var(--space-3);padding:20px;padding:var(--space-5)}.modal-head .ico{background:#eaf2fa;background:var(--brand-soft);border-radius:50%;color:#3069b0;color:var(--brand);display:grid;flex-shrink:0;height:36px;place-items:center;width:36px}.modal-head .ico.danger{background:#fdecec;background:var(--color-danger-50);color:#d94a4a;color:var(--color-danger-500)}.modal-head .ico.success{background:#e3f5ec;background:var(--color-success-50);color:#10936a;color:var(--color-success-500)}.modal-head .ico.warning{background:#fef6e0;background:var(--color-warning-50);color:#8a6708;color:var(--color-warning-700)}.modal-head .text{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.modal-head .text h4{color:#0b1530;color:var(--ink);font-size:14px;font-size:var(--fs-md);font-weight:700;font-weight:var(--fw-bold);margin:0}.modal-head .text p{color:#6b7691;color:var(--muted);font-size:13px;font-size:var(--fs-base);margin:0}.modal-head .close{background:#0000;border:0;border-radius:6px;border-radius:var(--r-sm);color:#6b7691;color:var(--muted);cursor:pointer;display:grid;height:28px;place-items:center;width:28px}.modal-head .close:hover{background:#f7f8fb;background:var(--surface-2);color:#0b1530;color:var(--ink)}.modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:20px;padding:var(--space-5)}.modal-foot{background:#f7f8fb;background:var(--surface-2);border-top:1px solid #e6e9f1;border-top:1px solid var(--border);display:flex;gap:8px;gap:var(--space-2);justify-content:flex-end;padding:12px 20px;padding:var(--space-3) var(--space-5)}.modal-dialog>form{display:contents}.modal-overlay{background:#0b153080;padding:16px;z-index:70}.modal-overlay>.modal{background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-lg);box-shadow:0 18px 40px -16px #0d163847;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:calc(100vh - 24px);max-height:calc(100vh - var(--space-6));max-width:480px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid #e6e9f1;gap:12px;gap:var(--space-3);padding:20px;padding:var(--space-5)}.modal-header h2{color:#0b1530;color:var(--ink);font-size:16px;font-size:var(--fs-lg);font-weight:700;font-weight:var(--fw-bold)}.modal-close{background:#0000;border:0;border-radius:6px;border-radius:var(--r-sm);color:#6b7691;display:grid;flex-shrink:0;font-size:20px;height:28px;line-height:1;place-items:center;width:28px}.modal-close:hover{background:#f7f8fb;background:var(--surface-2);color:#0b1530;color:var(--ink)}.modal-overlay .modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:20px;padding:var(--space-5)}.modal-footer{background:#f7f8fb;background:var(--surface-2);border-top:1px solid #e6e9f1;border-top:1px solid var(--border);display:flex;gap:8px;gap:var(--space-2);justify-content:flex-end;padding:12px 20px;padding:var(--space-3) var(--space-5)}.modal-overlay>.modal>form{display:contents}.code-block{background:#0b1530;background:var(--ink);border:1px solid #d8dde9;border:1px solid var(--border-strong);border-radius:8px;border-radius:var(--r-md);color:#d1d5db;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--font-mono);font-size:12px;font-size:var(--fs-sm);line-height:1.35;line-height:var(--lh-snug);overflow-x:auto;padding:16px;padding:var(--space-4) var(--space-4) var(--space-4);position:relative;white-space:pre;word-break:break-all}.code-block.has-dots{padding-top:34px;padding-top:calc(var(--space-4) + 18px)}.code-block .dots{display:flex;gap:6px;left:16px;position:absolute;top:10px}.code-block .dots span{border-radius:50%;height:10px;width:10px}.code-block .dots span:first-child{background:#d94a4a;background:var(--color-danger-500)}.code-block .dots span:nth-child(2){background:#d4a017;background:var(--color-warning-500)}.code-block .dots span:nth-child(3){background:#10936a;background:var(--color-success-500)}.code-block .copy-btn{align-items:center;background:#ffffff1a;border:0;border-radius:6px;border-radius:var(--r-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:11px;font-size:var(--fs-xs);font-weight:600;font-weight:var(--fw-semi);gap:4px;padding:4px 10px;position:absolute;right:10px;top:10px}.code-block .copy-btn:hover{background:#ffffff2e}.code-block code{background:#0000;color:inherit;font-family:inherit;font-size:inherit;padding:0}.code-block.wrap{white-space:pre-wrap;word-break:break-word}.tts-hl{background:#e3f5ec;background:var(--color-success-50);border-radius:6px;border-radius:var(--r-sm);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#0a6d4f;color:var(--color-success-700);padding:0 2px}.tts-hl.miss{background:#fef6e0;background:var(--color-warning-50);color:#8a6708;color:var(--color-warning-700)}.lang-grid{grid-gap:12px;grid-gap:var(--space-3);display:grid;gap:12px;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.lang-card{--lg-color:var(--brand);align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e6e9f1;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--r-lg);display:flex;flex-direction:column;gap:8px;gap:var(--space-2);overflow:hidden;padding:20px 12px 16px;padding:var(--space-5) var(--space-3) var(--space-4);position:relative;transition:border-color .12s,box-shadow .12s,background .12s;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}.lang-card:hover{border-color:#d8dde9;border-color:var(--border-strong);box-shadow:0 1px 2px #0d16380f,0 1px 0 #0d16380a;box-shadow:var(--shadow-sm)}.lang-card.is-on{background:color-mix(in srgb,var(--lg-color) 5%,#fff);background:color-mix(in srgb,var(--lg-color) 5%,var(--surface));border-color:var(--lg-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--lg-color) 14%,#0000)}.lang-card .lang-badge{background:color-mix(in srgb,var(--lg-color) 8%,#0000);border:1px solid color-mix(in srgb,var(--lg-color) 18%,#0000);border-radius:12px;border-radius:var(--r-lg);color:var(--lg-color);display:grid;font-size:20px;font-weight:700;font-weight:var(--fw-bold);height:44px;place-items:center;transition:background .12s;transition:background var(--t-fast);width:44px}.lang-card.is-on .lang-badge{background:color-mix(in srgb,var(--lg-color) 16%,#0000)}.lang-card .lang-name{color:#6b7691;color:var(--muted);font-size:12px;font-size:var(--fs-sm);font-weight:600;font-weight:var(--fw-semi);transition:color .12s;transition:color var(--t-fast)}.lang-card.is-on .lang-name{color:var(--lg-color)}.detect-card .pick-check,.lang-card .lang-check{background:var(--lg-color);border-radius:50%;color:#fff;display:grid;font-size:10px;height:20px;place-items:center;position:absolute;right:8px;right:var(--space-2);top:8px;top:var(--space-2);width:20px}.detect-card .pick-check{height:16px;right:6px;top:6px;width:16px}.lang-card .lang-star{color:#d4a017;color:var(--color-warning-500);left:8px;left:var(--space-2);position:absolute;top:8px;top:var(--space-2)}.lang-card .lang-actions{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:color-mix(in srgb,#fff 92%,#0000);background:color-mix(in srgb,var(--surface) 92%,#0000);display:flex;flex-direction:column;gap:8px;gap:var(--space-2);inset:0;justify-content:center;opacity:0;padding:8px;padding:var(--space-2);pointer-events:none;position:absolute;transition:opacity .12s;transition:opacity var(--t-fast);z-index:2}.lang-card:focus-within .lang-actions,.lang-card:hover .lang-actions{opacity:1;pointer-events:auto}.detect-grid{grid-gap:8px;grid-gap:var(--space-2);display:grid;gap:8px;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.detect-card{--lg-color:var(--brand);align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e6e9f1;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--r-md);cursor:pointer;display:flex;flex-direction:column;gap:4px;gap:var(--space-1);padding:12px 8px;padding:var(--space-3) var(--space-2);position:relative;text-align:center;transition:border-color .12s,box-shadow .12s,background .12s;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}.detect-card:hover{border-color:#d8dde9;border-color:var(--border-strong)}.detect-card.is-on{background:color-mix(in srgb,var(--lg-color) 6%,#fff);background:color-mix(in srgb,var(--lg-color) 6%,var(--surface));border-color:var(--lg-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--lg-color) 12%,#0000)}.detect-card .detect-ico{color:#6b7691;color:var(--muted);display:flex}.detect-card.is-on .detect-ico{color:var(--lg-color)}.detect-card .detect-name{color:#2a3450;color:var(--ink-2);font-size:11px;font-size:var(--fs-xs);font-weight:600;font-weight:var(--fw-semi)}.detect-card.is-on .detect-name{color:var(--lg-color)}.detect-card .detect-desc{color:#6b7691;color:var(--muted);font-size:9px;line-height:1.3}.str-section{border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);overflow:hidden}.str-section-head{align-items:center;background:#fff;background:var(--surface);border:0;cursor:pointer;display:flex;font:inherit;gap:8px;gap:var(--space-2);padding:12px;padding:var(--space-3);text-align:left;transition:background .12s;transition:background var(--t-fast);width:100%}.str-section-head:hover{background:#f7f8fb;background:var(--surface-2)}.str-section-head .str-section-ico{--lg-color:var(--brand);background:color-mix(in srgb,var(--lg-color) 12%,#0000);border-radius:6px;border-radius:var(--r-sm);color:var(--lg-color);display:grid;flex-shrink:0;height:22px;place-items:center;width:22px}.str-section-head .str-section-name{color:#0b1530;color:var(--ink);flex:1 1;font-size:12px;font-size:var(--fs-sm);font-weight:600;font-weight:var(--fw-semi);min-width:0}.str-section-head .str-section-count{color:#6b7691;color:var(--muted);font-size:11px;font-size:var(--fs-xs)}.str-section-body{background:#fff;background:var(--surface)}.str-row{--lg-color:var(--brand);border-top:1px solid #e6e9f1;border-top:1px solid var(--border);padding:8px 12px;padding:var(--space-2) var(--space-3)}.str-row.is-on{background:color-mix(in srgb,var(--lg-color) 4%,#0000)}.str-row .str-row-head{align-items:center;display:flex;gap:8px;gap:var(--space-2);justify-content:space-between;margin-bottom:4px;margin-bottom:var(--space-1)}.str-row .str-row-label{align-items:center;color:#6b7691;color:var(--muted);display:flex;font-size:11px;font-size:var(--fs-xs);font-weight:600;font-weight:var(--fw-semi);gap:4px;gap:var(--space-1)}.str-row.is-on .str-row-label{color:var(--lg-color)}.str-row .str-grid{grid-gap:8px;grid-gap:var(--space-2);align-items:center;display:grid;gap:8px;gap:var(--space-2);grid-template-columns:1fr 20px 1fr}.str-row .str-en{align-items:center;background:#f7f8fb;background:var(--surface-2);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:6px;border-radius:var(--r-sm);color:#2a3450;color:var(--ink-2);display:flex;font-size:12px;font-size:var(--fs-sm);font-style:italic;min-height:36px;padding:8px;padding:var(--space-2)}.str-row .str-arrow{color:#8b94ac;color:var(--muted-2);display:grid;place-items:center}.av-enable{align-items:center;background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);display:flex;gap:12px;gap:var(--space-3);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:border-color .12s,background .12s;transition:border-color var(--t-fast),background var(--t-fast)}.av-enable.is-on{background:color-mix(in srgb,#3069b0 6%,#fff);background:color-mix(in srgb,var(--brand) 6%,var(--surface));border-color:#3069b0;border-color:var(--brand)}.av-enable .av-enable-body{flex:1 1;min-width:0}.av-enable .av-enable-title{color:#0b1530;color:var(--ink);font-size:12px;font-size:var(--fs-sm);font-weight:600;font-weight:var(--fw-semi)}.av-enable .av-enable-sub{color:#6b7691;color:var(--muted);font-size:11px;font-size:var(--fs-xs);margin-top:1px}.avatar-grid{grid-gap:12px;grid-gap:var(--space-3);display:grid;gap:12px;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.avatar-card{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e6e9f1;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--r-lg);display:flex;flex-direction:column;gap:8px;gap:var(--space-2);min-height:120px;overflow:hidden;padding:16px 8px 12px;padding:var(--space-4) var(--space-2) var(--space-3);position:relative;text-align:center;transition:border-color .12s,box-shadow .12s,background .12s;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}.avatar-card:hover{border-color:#d8dde9;border-color:var(--border-strong);box-shadow:0 1px 2px #0d16380f,0 1px 0 #0d16380a;box-shadow:var(--shadow-sm)}.avatar-card.is-on{background:color-mix(in srgb,#3069b0 5%,#fff);background:color-mix(in srgb,var(--brand) 5%,var(--surface));border-color:#3069b0;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,#3069b0 14%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,#0000)}.avatar-card .av-ico{display:grid;font-size:32px;height:48px;place-items:center;width:48px}.avatar-card .av-ico svg{display:block}.avatar-card .av-name{color:#2a3450;color:var(--ink-2);font-size:12px;font-size:var(--fs-sm);font-weight:600;font-weight:var(--fw-semi)}.avatar-card.is-on .av-name{color:#1f457a;color:var(--brand-deep)}.avatar-card .av-desc{color:#6b7691;color:var(--muted);font-size:10px;line-height:1.3}.avatar-card .av-mode{border-radius:999px;font-size:9px;font-weight:600;font-weight:var(--fw-semi);letter-spacing:.02em;padding:3px 8px;white-space:nowrap}.avatar-card .av-mode.all{background:color-mix(in srgb,#10936a 14%,#0000);background:color-mix(in srgb,var(--color-success-500) 14%,#0000);border:1px solid color-mix(in srgb,#10936a 30%,#0000);border:1px solid color-mix(in srgb,var(--color-success-500) 30%,#0000);color:#0a6d4f;color:var(--color-success-700)}.avatar-card .av-mode.chat{background:color-mix(in srgb,#d4a017 16%,#0000);background:color-mix(in srgb,var(--color-warning-500) 16%,#0000);border:1px solid color-mix(in srgb,#d4a017 32%,#0000);border:1px solid color-mix(in srgb,var(--color-warning-500) 32%,#0000);color:#8a6708;color:var(--color-warning-700)}.avatar-card .av-check{background:#3069b0;background:var(--brand);border-radius:50%;box-shadow:0 2px 6px color-mix(in srgb,#3069b0 40%,#0000);box-shadow:0 2px 6px color-mix(in srgb,var(--brand) 40%,#0000);color:#fff;display:grid;height:20px;place-items:center;position:absolute;right:8px;right:var(--space-2);top:8px;top:var(--space-2);width:20px;z-index:2}.avatar-card .av-actions{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:color-mix(in srgb,#fff 92%,#0000);background:color-mix(in srgb,var(--surface) 92%,#0000);display:flex;flex-direction:column;gap:8px;gap:var(--space-2);inset:0;justify-content:center;opacity:0;padding:8px;padding:var(--space-2);pointer-events:none;position:absolute;transition:opacity .12s;transition:opacity var(--t-fast);z-index:3}.avatar-card:focus-within .av-actions,.avatar-card:hover .av-actions{opacity:1;pointer-events:auto}.av-editor-head{background:#f7f8fb;background:var(--surface-2);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);justify-content:space-between;padding:8px 12px;padding:var(--space-2) var(--space-3)}.av-editor-head,.av-editor-head .av-editor-title{align-items:center;display:flex;gap:8px;gap:var(--space-2)}.av-editor-head .av-editor-title{color:#2a3450;color:var(--ink-2);font-size:12px;font-size:var(--fs-sm);font-weight:600;font-weight:var(--fw-semi)}.av-editor{display:flex;gap:0;min-height:200px}.av-rail{background:#f7f8fb;background:var(--surface-2);border-radius:12px;border-radius:var(--r-lg);display:flex;flex-direction:column;flex-shrink:0;gap:2px;padding:4px}.av-rail-btn{background:#0000;border:0;border-radius:9px;color:#6b7691;color:var(--muted);cursor:pointer;display:grid;height:40px;place-items:center;transition:background .12s,color .12s,box-shadow .12s;transition:background var(--t-fast),color var(--t-fast),box-shadow var(--t-fast);width:40px}.av-rail-btn:hover:not(.is-on){background:color-mix(in srgb,#fff 55%,#0000);background:color-mix(in srgb,var(--surface) 55%,#0000);color:#2a3450;color:var(--ink-2)}.av-rail-btn.is-on{background:#fff;background:var(--surface);box-shadow:0 1px 2px #0d16380f,0 1px 0 #0d16380a;box-shadow:var(--shadow-sm);color:#3069b0;color:var(--brand)}.av-panel{flex:1 1;min-width:0;padding:4px 0 4px 16px;padding:4px 0 4px var(--space-4)}.av-panel-head{align-items:center;border-bottom:1px solid #e6e9f1;border-bottom:1px solid var(--border);color:#0b1530;color:var(--ink);display:flex;font-size:12px;font-size:var(--fs-sm);font-weight:700;font-weight:var(--fw-bold);gap:8px;gap:var(--space-2);margin-bottom:12px;margin-bottom:var(--space-3);padding-bottom:8px;padding-bottom:var(--space-2)}.av-panel-head:before{background:linear-gradient(180deg,#3069b0,#1f457a);background:linear-gradient(180deg,var(--brand),var(--brand-deep));border-radius:2px;content:"";height:14px;width:4px}.av-field+.av-field{margin-top:12px;margin-top:var(--space-3)}.av-field-label{color:#6b7691;color:var(--muted);display:block;font-size:10px;font-weight:600;font-weight:var(--fw-semi);letter-spacing:.06em;margin-bottom:8px;margin-bottom:var(--space-2);text-transform:uppercase}.seg{background:#f7f8fb;background:var(--surface-2);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);display:flex;gap:2px;padding:3px}.seg-btn{align-items:center;background:#0000;border:0;border-radius:6px;border-radius:var(--r-sm);color:#6b7691;color:var(--muted);cursor:pointer;display:inline-flex;flex:1 1;font:inherit;font-size:11px;font-size:var(--fs-xs);font-weight:600;font-weight:var(--fw-semi);gap:6px;justify-content:center;padding:8px 12px;padding:var(--space-2) var(--space-3);transition:background .12s,color .12s,box-shadow .12s;transition:background var(--t-fast),color var(--t-fast),box-shadow var(--t-fast);white-space:nowrap}.seg-btn svg{flex-shrink:0}.seg-btn:hover:not(.is-on){color:#2a3450;color:var(--ink-2)}.seg-btn.is-on{background:#fff;background:var(--surface);box-shadow:0 1px 2px #0d16380f,0 1px 0 #0d16380a;box-shadow:var(--shadow-sm);color:#1f457a;color:var(--brand-deep)}.opt-chips{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2)}.opt-chip{background:#fff;background:var(--surface);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:999px;color:#2a3450;color:var(--ink-2);cursor:pointer;font:inherit;font-size:11px;font-size:var(--fs-xs);font-weight:600;font-weight:var(--fw-semi);padding:5px 14px;transition:background .12s,border-color .12s,box-shadow .12s;transition:background var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast);white-space:nowrap}.opt-chip:hover:not(.is-on){background:#f7f8fb;background:var(--surface-2)}.opt-chip.is-on{background:#eaf2fa;background:var(--brand-soft);border-color:#3069b0;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,#3069b0 12%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,#0000);color:#1f457a;color:var(--brand-deep)}.av-slider-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--space-2)}.av-slider-val{background:#eaf2fa;background:var(--brand-soft);border-radius:999px;color:#1f457a;color:var(--brand-deep);font-size:11px;font-size:var(--fs-xs);font-weight:700;font-weight:var(--fw-bold);min-width:20px;padding:1px 8px;text-align:center}.av-range{-webkit-appearance:none;appearance:none;background-color:#e6e9f1;background-color:var(--color-slate-200);background-image:linear-gradient(90deg,#3069b0,#1f457a);background-image:linear-gradient(90deg,var(--brand),var(--brand-deep));background-repeat:no-repeat;background-size:50% 100%;background-size:var(--av-range-pct,50%) 100%;border-radius:3px;cursor:pointer;height:6px;width:100%}.av-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--surface);border:2px solid #3069b0;border:2px solid var(--brand);border-radius:50%;box-shadow:0 1px 2px #0d16380f,0 1px 0 #0d16380a;box-shadow:var(--shadow-sm);cursor:pointer;height:16px;width:16px}.av-range::-moz-range-thumb{background:#fff;background:var(--surface);border:2px solid #3069b0;border:2px solid var(--brand);border-radius:50%;box-shadow:0 1px 2px #0d16380f,0 1px 0 #0d16380a;box-shadow:var(--shadow-sm);cursor:pointer;height:16px;width:16px}.av-range::-moz-range-track{background:#0000}.swatch-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2)}.swatch{--sw-color:var(--brand);background:var(--sw-color);border:2px solid #0000;border-radius:50%;box-shadow:0 1px 3px #0000001f;cursor:pointer;height:28px;padding:0;transition:transform .12s,box-shadow .12s,width .12s,height .12s;transition:transform var(--t-fast),box-shadow var(--t-fast),width var(--t-fast),height var(--t-fast);width:28px}.swatch:hover:not(.is-on){transform:scale(1.1)}.swatch.is-on{border-color:#fff;border-color:var(--surface);box-shadow:0 0 0 2px var(--sw-color);height:32px;width:32px}.swatch.custom{background:#f7f8fb;background:var(--surface-2);border:2px dashed #d8dde9;border:2px dashed var(--border-strong);color:#6b7691;color:var(--muted);display:grid;place-items:center;position:relative}.swatch.custom input[type=color]{border:0;cursor:pointer;height:100%;inset:0;opacity:0;padding:0;position:absolute;width:100%}.color-field{align-items:center;background:#f7f8fb;background:var(--surface-2);border:1px solid #e6e9f1;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);display:inline-flex;gap:8px;gap:var(--space-2);padding:4px 10px 4px 4px}.color-field input[type=color]{background:none;border:0;border-radius:6px;border-radius:var(--r-sm);cursor:pointer;flex-shrink:0;height:30px;padding:0;width:30px}.color-field .cf-hex{background:#0000;border:0;color:#6b7691;color:var(--muted);cursor:pointer;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--font-mono);font-size:11px;font-size:var(--fs-xs)}.color-field input.cf-hex{background:#fff;background:var(--surface);border:1.5px solid #3069b0;border:1.5px solid var(--brand);border-radius:6px;border-radius:var(--r-sm);color:#2a3450;color:var(--ink-2);cursor:text;padding:3px 6px;width:72px}body{margin:0}code{font-family:var(--font-mono)}body .button-primary,button,input,optgroup,select,textarea{font-family:var(--font-sans)}body .button-primary{background:var(--brand);border:1px solid #0000;border-radius:var(--r-md);color:#fff;font-weight:var(--fw-bold)}body .button-primary:hover,body .button-primary:hover:not(:disabled){background:var(--brand-strong)}body .button-secondary{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--ink-2);font-family:var(--font-sans);font-weight:var(--fw-bold)}body .button-secondary:hover,body .button-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}body .button-danger,body .rp-btn.danger{background:var(--color-danger-500);border:1px solid #0000;border-radius:var(--r-md);color:#fff}body .button-danger:hover,body .button-danger:hover:not(:disabled){background:var(--color-danger-700)}body .button-small{font-size:var(--fs-sm)}body .action-btn,body .rp-btn{border-radius:var(--r-md);font-family:var(--font-sans)}body .link,body a.link{color:var(--brand);font-weight:var(--fw-semi)}body .link:hover{color:var(--brand-strong)}body .form-label{color:var(--ink-2);font-size:var(--fs-sm);font-weight:var(--fw-semi)}body .form-input,body select.form-input,body textarea.form-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--ink);font-family:var(--font-sans)}body .form-input:focus,body select.form-input:focus,body textarea.form-input:focus{border-color:var(--brand);box-shadow:var(--shadow-focus);outline:none}body .page-header h1,body .page-header h2{color:var(--ink);letter-spacing:var(--tracking-tight)}body .resource-cluster-badge{background:var(--brand-soft);border:1px solid var(--color-brand-100);border-radius:var(--r-pill);color:var(--brand-deep)}.App{background-color:var(--bg);color:var(--ink);display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:280px;min-height:100vh;overflow-y:auto;padding:var(--space-7)}@media (max-width:768px){.main-content{margin-left:0}}h1,h2,h3{color:var(--ink);letter-spacing:var(--tracking-tight)}.card,h1,h2,h3{margin-bottom:var(--space-5)}.card{border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-5)}.button{align-items:center;background-color:var(--brand);border:1px solid #0000;border-radius:var(--r-md);color:#fff;display:inline-flex;font-family:var(--font-sans);font-size:var(--fs-base);font-weight:var(--fw-bold);gap:var(--space-2);height:38px;justify-content:center;letter-spacing:var(--tracking-base);padding:0 var(--space-4);transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out);white-space:nowrap}.button:hover{background-color:var(--brand-strong)}.button:disabled{opacity:.5}.button-danger{background-color:var(--color-danger-500)}.button-danger:hover{background-color:var(--color-danger-700)}td,th{border-bottom:1px solid var(--border);padding:var(--space-3);text-align:left}th{background-color:var(--surface-2);color:var(--muted);font-weight:var(--fw-semi)}.status-badge{padding:3px var(--space-2)}.status-active{background-color:var(--color-success-50);border-color:#10936a38;color:var(--color-success-700)}.status-pending{background-color:var(--color-warning-50)}.status-failed{background-color:var(--color-danger-50)}.status-deploying{background-color:var(--color-info-50);border-color:#0891b238;color:var(--color-info-700)}.dashboard{padding:0}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.dashboard-header h1{color:var(--ink);font-size:22px;font-weight:700;margin:0}.dash-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(5,1fr);margin-bottom:24px}.dash-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-xs);cursor:pointer;padding:18px 16px;text-align:center;transition:box-shadow .15s,transform .1s}.dash-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.dash-card-icon{font-size:22px;margin-bottom:8px}.dash-card-val{color:var(--ink-2);font-size:28px;font-weight:700;line-height:1}.dash-card-label{color:var(--muted);font-size:12px;margin-top:4px}.dash-card-danger{border-color:var(--color-danger-50)}.dash-card-danger .dash-card-val{color:var(--color-danger-500)}.dash-card-warn{border-color:var(--color-warning-50)}.dash-card-warn .dash-card-val{color:var(--accent)}.dash-card-ok{border-color:var(--color-success-50)}.dash-card-ok .dash-card-val{color:var(--color-success-500)}.dash-body{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.dash-panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-xs);padding:16px 18px}.dash-panel-header{align-items:center;color:var(--ink-2);display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:16px}.dash-panel-link{color:var(--brand);cursor:pointer;font-size:12px;font-weight:400}.dash-panel-link:hover{text-decoration:underline}.dash-trend-chart{align-items:flex-end;display:flex;gap:6px;height:100px;padding-bottom:20px}.dash-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end}.dash-bar-count{color:var(--muted-2);font-size:9px;margin-bottom:2px}.dash-bar-fill{background:linear-gradient(180deg,var(--brand),var(--brand-deep));border-radius:3px 3px 0 0;min-height:4px;transition:height .3s;width:100%}.dash-bar-date{color:var(--muted-2);font-size:9px;margin-top:4px;white-space:nowrap}.dash-nodes{display:flex;flex-direction:column;gap:10px}.dash-node-row{align-items:center;display:flex;gap:12px}.dash-node-name{color:var(--ink-2);flex-shrink:0;font-family:monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80px}.dash-node-bars{display:flex;flex:1 1;flex-direction:column;gap:4px}.dash-node-bar-row{align-items:center;color:var(--muted-2);display:flex;font-size:10px;gap:6px}.dash-node-bar-row span:first-child{width:24px}.dash-node-bar-row span:last-child{color:var(--muted);text-align:right;width:28px}.dash-node-track{background:var(--surface-2);border-radius:3px;flex:1 1;height:5px;overflow:hidden}.dash-node-fill{border-radius:3px;height:100%;transition:width .3s}.dash-top-alerts{display:flex;flex-direction:column;gap:8px}.dash-top-alert-row{align-items:center;display:flex;gap:8px}.dash-rank{color:var(--muted-2);flex-shrink:0;font-size:11px;width:22px}.dash-alert-name{color:var(--ink-2);flex:1 1;font-size:12px}.dash-alert-count{color:var(--color-danger-500);flex-shrink:0;font-size:12px;font-weight:600}@media (max-width:1100px){.dash-cards{grid-template-columns:repeat(3,1fr)}.dash-body{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.dash-cards{grid-template-columns:repeat(2,1fr)}.dash-body{grid-template-columns:1fr}}.add-cluster-container{margin:0 auto;max-width:1200px;padding:20px}.cluster-type-subtitle{color:var(--muted);font-size:16px;margin-bottom:32px}.cluster-type-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media (max-width:768px){.cluster-type-cards{grid-template-columns:1fr}}.cluster-type-card{background:var(--surface);border:2px solid var(--border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:16px;padding:32px;transition:all .2s}.cluster-type-card:hover{border-color:var(--brand);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cluster-type-card h2{color:var(--ink);font-size:22px;font-weight:700;margin:0}.cluster-type-card p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.cluster-type-icon{color:var(--brand)}.cluster-type-icon-green{color:var(--color-success-500)}.cluster-type-features{display:flex;flex:1 1;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.cluster-type-features li{color:var(--ink-2);font-size:13px;padding-left:20px;position:relative}.cluster-type-features li:before{color:var(--color-success-500);content:"✓";font-weight:700;left:0;position:absolute}.cluster-type-btn{margin-top:8px;text-align:center;width:100%}.button-success{background:var(--color-success-500);color:#fff}.button-success:hover:not(:disabled){background:var(--color-success-700)}.connection-result{align-items:center;border-radius:6px;display:flex;font-size:14px;gap:8px;padding:8px 14px}.connection-success{background:var(--color-success-50);color:var(--color-success-700)}.connection-error{background:var(--color-danger-50);color:var(--color-danger-700)}.connection-check{color:var(--color-success-500);font-size:16px;font-weight:700}.connection-cross{color:var(--color-danger-500);font-size:16px;font-weight:700}.page-header{margin-bottom:24px}.page-header h1{font-size:28px;font-weight:600}.card{background:var(--surface);border-radius:8px;box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px}.card h2{color:var(--ink-2);font-size:20px;font-weight:600;margin:0 0 20px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-header h2{margin:0}.form-group label{font-weight:500}.form-group input,.form-group select{border:1px solid var(--border);border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--brand);box-shadow:var(--shadow-focus);outline:none}.form-group input[type=file]{padding:8px}.form-group small{color:var(--muted);display:block;font-size:12px;margin-top:6px}.file-info{background:var(--bg);border-left:3px solid var(--color-success-500);border-radius:4px;color:var(--ink-2);font-size:13px;margin-top:10px;padding:8px 12px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.checkbox-group{background:var(--bg);border-radius:6px;display:flex;flex-direction:column;gap:12px;padding:12px}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;margin-right:10px;width:auto}.node-card{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;padding:20px}.node-header{align-items:center;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.node-header h3{color:var(--ink-2);font-size:16px;font-weight:600;margin:0}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.button:disabled{cursor:not-allowed;opacity:.6}.button-secondary{background:var(--border)}.button-secondary:hover:not(:disabled){background:var(--border-strong)}.button-small{font-size:13px}.alert{margin-bottom:20px}.alert-success{background:var(--color-success-50);border-left:4px solid var(--color-success-500);color:var(--color-success-700)}.cluster-details-container{margin:0 auto;max-width:1200px;padding:20px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column}.info-item label{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.info-item span{color:var(--ink-2);font-size:14px}.badge{background:var(--surface-2);border-radius:12px;color:var(--ink-2);font-size:13px;font-weight:500;padding:4px 12px;width:-webkit-fit-content;width:fit-content}.badge,.role-badge{display:inline-block}.role-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 10px;text-transform:uppercase}.role-master{background:var(--brand);color:#fff}.role-worker{background:var(--color-success-500);color:#fff}.logs-container{background:var(--ink);border-radius:6px;font-family:Monaco,Courier New,monospace;max-height:500px;overflow-y:auto;padding:16px}.log-entry{align-items:flex-start;border-bottom:1px solid var(--ink-2);color:var(--border);display:flex;font-size:13px;gap:12px;padding:8px 0}.log-entry:last-child{border-bottom:none}.log-time{color:var(--muted);font-size:11px;min-width:80px;white-space:nowrap}.log-status{border-radius:50%;flex-shrink:0;height:8px;margin-top:5px;width:8px}.log-message{color:var(--border-strong);flex:1 1}table{border-collapse:collapse;width:100%}table thead{background:var(--bg)}table th{border-bottom:2px solid var(--border);font-size:12px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}table td,table th{color:var(--ink-2);padding:12px}table td{border-bottom:1px solid var(--border);font-size:14px}table tbody tr:hover{background:var(--bg)}.status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;text-transform:uppercase}.modal-overlay{background:#00000080;bottom:0;left:0;right:0;top:0;z-index:1000}.modal-content{border-radius:8px;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:var(--ink-2);font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--muted);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;width:32px}.modal-close:hover{background:var(--bg);color:var(--ink-2)}.modal-content form{padding:24px}.form-group{margin-bottom:20px}.form-group label{font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-strong);border-radius:6px;box-sizing:border-box;color:var(--ink-2);font-size:14px;padding:10px 12px}.modal-actions{border-top:1px solid var(--border);gap:12px;margin-top:20px;padding-top:20px}.button-small{font-size:12px;padding:6px 12px}.button-danger:hover{background:var(--color-danger-700)}.imported-badge{background:var(--brand-soft);border:1px solid var(--brand-soft);border-radius:12px;color:var(--brand);display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.summary-cards{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.summary-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex:1 1;min-width:100px;padding:16px;text-align:center}.summary-card-green{background:var(--color-success-50);border-color:var(--color-success-500)}.summary-card-red{background:var(--color-danger-50);border-color:var(--color-danger-500)}.summary-number{color:var(--ink-2);font-size:28px;font-weight:700;line-height:1}.summary-label{color:var(--muted);font-size:12px;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.tab-bar{align-items:center;border-bottom:2px solid var(--border);display:flex;gap:4px;margin-bottom:20px}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:var(--muted);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:10px 20px;transition:all .15s}.tab-btn:hover{color:var(--ink-2)}.tab-btn-active{border-bottom-color:var(--brand);color:var(--brand);font-weight:600}.tab-refresh{margin-bottom:2px;margin-left:auto}.tab-filter{display:flex;gap:12px;margin-bottom:16px}.tab-filter input,.tab-filter select{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--ink-2);font-size:13px;min-width:160px;padding:8px 12px}.tab-filter input{flex:1 1}.role-chip{background:var(--brand-soft);border-radius:4px;color:var(--brand);display:inline-block;font-size:11px;font-weight:600;margin-right:4px;padding:2px 8px;text-transform:uppercase}.resources-loading{color:var(--muted);font-size:14px;padding:40px;text-align:center}.alert{border-radius:6px;font-size:14px;margin-bottom:16px;padding:12px 16px}.alert-error{background:var(--color-danger-50);border-left:4px solid var(--color-danger-500);color:var(--color-danger-700)}.deploy-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.deploy-modal{background:var(--surface);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:680px;overflow-y:auto;width:100%}.deploy-modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px 16px}.deploy-modal-header h2{color:var(--ink);font-size:18px;font-weight:700;margin:0}.deploy-close{background:none;border:none;border-radius:4px;color:var(--muted);cursor:pointer;font-size:18px;padding:4px 8px}.deploy-close:hover{background:var(--surface-2)}.deploy-form{padding:0 24px 24px}.deploy-section{margin-top:20px}.deploy-section-title{align-items:center;color:var(--ink-2);display:flex;font-size:13px;font-weight:600;gap:12px;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.deploy-row{display:flex;flex-wrap:wrap;gap:12px}.deploy-field{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:140px}.deploy-field-wide{flex:3 1}.deploy-field-narrow{flex:1 1;max-width:100px;min-width:80px}.deploy-field label{color:var(--ink-2);font-size:12px;font-weight:600}.deploy-field input,.deploy-kv-row input{border:1px solid var(--border);border-radius:6px;box-sizing:border-box;color:var(--ink-2);font-size:13px;outline:none;padding:8px 10px;transition:border-color .15s;width:100%}.deploy-field input:focus,.deploy-kv-row input:focus{border-color:var(--brand)}.deploy-kv-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.deploy-kv-row span{color:var(--muted);font-size:14px}.deploy-add-btn{background:none;border:1px dashed var(--brand);border-radius:5px;color:var(--brand);cursor:pointer;font-size:12px;padding:3px 10px}.deploy-add-btn:hover{background:var(--brand-soft)}.deploy-remove-btn{background:none;border:none;border-radius:4px;color:var(--color-danger-500);cursor:pointer;flex-shrink:0;font-size:14px;padding:4px 6px}.deploy-error,.deploy-remove-btn:hover{background:var(--color-danger-50)}.deploy-error{border:1px solid var(--color-danger-500);border-radius:6px;color:var(--color-danger-700);font-size:13px;margin-top:16px;padding:10px 14px}.deploy-actions{border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.deploy-success{padding:48px 24px;text-align:center}.deploy-success-icon{align-items:center;background:var(--color-success-50);border-radius:50%;color:var(--color-success-700);display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.deploy-success h3{color:var(--ink);font-size:20px;margin:0 0 8px}.deploy-success p{color:var(--ink-2);margin:4px 0}.deploy-success-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.terminal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1100}.terminal-window{background:#0d1117;border:1px solid #30363d;border-radius:10px;box-shadow:0 25px 80px #000000b3;display:flex;flex-direction:column;height:75vh;max-width:900px;overflow:hidden;width:100%}.terminal-header{align-items:center;background:#161b22;border-bottom:1px solid #30363d;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 16px}.terminal-dots{align-items:center;display:flex;gap:7px}.dot{border-radius:50%;cursor:pointer;height:13px;width:13px}.dot.red{background:var(--color-danger-500)}.dot.yellow{background:var(--color-warning-500)}.dot.green{background:var(--color-success-500)}.terminal-title{color:#8b949e;font-family:monospace;font-size:13px}.terminal-body{cursor:text;flex:1 1;font-family:Courier New,Consolas,Monaco,monospace;font-size:13px;line-height:1.5;overflow-y:auto;padding:12px 16px}.terminal-body::-webkit-scrollbar{width:5px}.terminal-body::-webkit-scrollbar-track{background:#0d1117}.terminal-body::-webkit-scrollbar-thumb{background:#30363d;border-radius:3px}.terminal-line pre{margin:0;white-space:pre-wrap;word-break:break-word}.terminal-system pre{color:#58a6ff}.terminal-input pre{color:#e2e8f0;font-weight:600}.terminal-output pre{color:#c9d1d9}.terminal-error pre{color:#ff7b72}.terminal-input-row{align-items:center;display:flex;gap:8px;margin-top:4px}.terminal-prompt{color:#3fb950;flex-shrink:0;font-family:monospace;font-size:14px;font-weight:700}.terminal-input{background:#0000;border:none;caret-color:#3fb950;color:#e2e8f0;flex:1 1;font-family:Courier New,Consolas,Monaco,monospace;font-size:13px;outline:none}.terminal-input::placeholder{color:#30363d}.resource-page{padding:var(--space-5)}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-5)}.page-header h1{color:var(--ink);font-size:var(--fs-2xl);letter-spacing:var(--tracking-tight);margin:0}.button-danger,.button-primary,.button-secondary{align-items:center;border:1px solid #0000;border-radius:var(--r-md);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--fs-base);font-weight:var(--fw-bold);gap:var(--space-2);height:38px;justify-content:center;letter-spacing:var(--tracking-base);padding:0 var(--space-4);transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out);white-space:nowrap}.button-primary{background:var(--brand);box-shadow:0 6px 14px -8px #3069b08c,inset 0 1px 0 #ffffff2e;color:#fff}.button-primary:hover:not(:disabled){background:var(--brand-strong)}.button-secondary{background:var(--surface);border-color:var(--border);color:var(--ink-2)}.button-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.button-danger{background:var(--color-danger-500);color:#fff}.button-danger:hover:not(:disabled){background:var(--color-danger-700)}.button-danger:disabled,.button-primary:disabled,.button-secondary:disabled{cursor:not-allowed;opacity:.5}.resource-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.resource-list table{border-collapse:initial;border-spacing:0;width:100%}.resource-list thead{background:var(--surface-2)}.resource-list th{color:var(--muted);font-size:var(--fs-xs);font-weight:var(--fw-semi);letter-spacing:.06em;padding:10px var(--space-4);text-align:left;text-transform:uppercase;white-space:nowrap}.resource-list td,.resource-list th{border-bottom:1px solid var(--border)}.resource-list td{color:var(--ink-2);font-size:var(--fs-base);padding:var(--space-4);vertical-align:middle}.resource-list tbody tr:last-child td{border-bottom:0}.resource-list tbody tr:hover td{background:var(--surface-2)}.status-badge{align-items:center;border:1px solid #0000;border-radius:var(--r-pill);display:inline-flex;font-size:var(--fs-xs);font-weight:var(--fw-bold);gap:var(--space-1);height:24px;padding:0 var(--space-2);text-transform:capitalize}.status-active,.status-running{background:var(--color-success-50);border-color:#10936a38;color:var(--color-success-700)}.status-pending{background:var(--color-warning-50);border-color:#d4a0174d;color:var(--color-warning-700)}.status-failed{background:var(--color-danger-50);border-color:#d94a4a38;color:var(--color-danger-700)}.status-completed,.status-succeeded{background:var(--color-info-50);border-color:#3b82f638;color:var(--color-info-700)}.status-creating{background:#eef2ff;background:var(--brand-soft,#eef2ff);border-color:#6366f147;color:#4338ca;color:var(--brand-strong,#4338ca)}.status-terminating{background:#fdf2f8;border-color:#be185d3d;color:#be185d}.status-crashloop{background:#fef2f2;border-color:#dc262673;color:#b91c1c}.status-imagepull{background:#fff7ed;border-color:#ea580c4d;color:#c2410c}.status-unknown{background:#f1f5f9;background:var(--surface-2,#f1f5f9);border-color:#e2e8f0;border-color:var(--border,#e2e8f0);color:#64748b;color:var(--muted,#64748b)}.modal-overlay{align-items:center;background:#0b153073;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:var(--z-modal)}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;padding:var(--space-6);width:100%}.modal-content h2{color:var(--ink);font-size:var(--fs-xl);margin-bottom:var(--space-5);margin-top:0}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-2)}.form-group input,.form-group select,.form-group textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--ink);font:inherit;font-size:var(--fs-base);height:38px;padding:0 var(--space-3);transition:border-color var(--t-fast),box-shadow var(--t-fast);width:100%}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--border-strong)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--brand);box-shadow:var(--shadow-focus);outline:none}.form-group textarea{font-family:var(--font-mono);height:auto;line-height:var(--lh-snug);min-height:100px;padding:var(--space-3);resize:vertical}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}.info-card{background:var(--surface-2);border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:var(--r-md);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.info-card h3{color:var(--ink-2);font-size:var(--fs-md);margin:0 0 var(--space-2) 0}.info-card p{color:var(--muted);font-size:var(--fs-base);margin:0}.resource-cluster-badge{align-items:center;color:var(--brand);display:inline-flex;font-size:var(--fs-sm);font-weight:var(--fw-semi);margin-top:4px}.no-cluster-msg{background:var(--color-info-50);border:1px solid #0891b233;border-radius:var(--r-lg);color:var(--color-info-700);font-size:var(--fs-md);line-height:var(--lh-base);padding:var(--space-6)}.no-cluster-msg .link{color:var(--color-info-700);cursor:pointer;font-weight:var(--fw-semi);text-decoration:underline}.resource-loading{color:var(--muted);font-size:var(--fs-md);padding:var(--space-9);text-align:center}.resource-error{background:var(--color-danger-50);border:1px solid #d94a4a38;border-left:4px solid var(--color-danger-500);border-radius:var(--r-md);color:var(--color-danger-700);font-size:var(--fs-md);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.resource-filter{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.resource-filter input,.resource-filter select{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--ink);font:inherit;font-size:var(--fs-base);height:38px;min-width:140px;padding:0 var(--space-3);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.resource-filter input:focus,.resource-filter select:focus{border-color:var(--brand);box-shadow:var(--shadow-focus);outline:none}.resource-filter input{flex:1 1;min-width:200px}.resource-count{color:var(--muted);font-size:var(--fs-base);margin-left:auto;white-space:nowrap}.log-drawer-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2000}.log-drawer{background:var(--surface);border-radius:12px;box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;height:80vh;max-width:1100px;overflow:hidden;width:100%}.log-drawer-header{align-items:center;background:var(--surface-2);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:14px 20px}.log-drawer-title{align-items:center;display:flex;gap:12px}.log-drawer-icon{font-size:20px}.log-drawer-pod{color:var(--ink);font-family:Courier New,monospace;font-size:15px;font-weight:600}.log-drawer-ns{color:var(--muted);font-size:12px;margin-top:2px}.log-drawer-controls{align-items:center;display:flex;gap:8px}.log-tail-select{padding:5px 10px}.log-btn,.log-tail-select{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:6px;color:var(--ink);cursor:pointer;font-size:13px}.log-btn{padding:5px 12px;transition:background .15s}.log-btn:hover{background:var(--border)}.log-btn:disabled{cursor:not-allowed;opacity:.4}.log-btn-close{background:var(--color-danger-50);border-color:var(--color-danger-500);color:var(--color-danger-700);font-size:16px;padding:4px 10px}.log-btn-close:hover{background:var(--color-danger-500);color:#fff}.log-status-bar{align-items:center;display:flex;flex-shrink:0;font-family:monospace;font-size:12px;justify-content:space-between;padding:6px 20px}.log-status-bar.connecting{background:var(--color-info-50);color:var(--color-info-700)}.log-status-bar.streaming{background:var(--color-success-50);color:var(--color-success-700)}.log-status-bar.done{background:var(--surface-2);color:var(--muted)}.log-status-bar.error{background:var(--color-danger-50);color:var(--color-danger-700)}.log-scroll-btn{background:var(--color-success-500);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:3px 10px}.log-content{background:var(--surface);flex:1 1;font-family:Courier New,Consolas,monospace;font-size:12.5px;line-height:1.6;overflow-y:auto;padding:8px 0}.log-line{align-items:flex-start;display:flex;gap:12px;padding:0 12px}.log-line:hover{background:var(--surface-2)}.log-line-num{color:var(--muted-2);flex-shrink:0;min-width:40px;padding-top:1px;text-align:right;-webkit-user-select:none;user-select:none}.log-line-text{color:var(--ink);white-space:pre-wrap;word-break:break-all}.log-empty{color:var(--muted);font-size:14px;padding:60px 20px;text-align:center}.log-content::-webkit-scrollbar{width:6px}.log-content::-webkit-scrollbar-track{background:var(--surface-2)}.log-content::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.login-container{align-items:center;background:radial-gradient(1200px 600px at 50% -10%,var(--brand-soft),#0000 60%),linear-gradient(135deg,var(--color-brand-700) 0,var(--color-brand-900) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--space-5)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--space-8);width:100%}.login-header{margin-bottom:var(--space-7);text-align:center}.login-header h1{color:var(--ink);font-size:var(--fs-3xl);font-weight:var(--fw-black);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2)}.login-header p{color:var(--muted);font-size:var(--fs-md)}.login-form{gap:var(--space-5)}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:var(--space-2)}.form-group label{color:var(--ink-2);font-size:var(--fs-sm);font-weight:var(--fw-semi)}.form-group input{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--ink);font:inherit;font-size:var(--fs-md);height:44px;padding:0 var(--space-4);transition:border-color var(--t-fast),box-shadow var(--t-fast);width:100%}.form-group input:hover{border-color:var(--border-strong)}.form-group input:focus{border-color:var(--brand);box-shadow:var(--shadow-focus);outline:none}.error-message{align-items:center;background:var(--color-danger-50);border:1px solid #d94a4a38;border-radius:var(--r-md);color:var(--color-danger-700);display:flex;font-size:var(--fs-base);gap:var(--space-2);padding:var(--space-3) var(--space-4);text-align:center}.login-button{align-items:center;background:var(--brand);border:1px solid #0000;border-radius:var(--r-md);box-shadow:0 6px 14px -8px #3069b08c,inset 0 1px 0 #ffffff2e;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--fs-md);font-weight:var(--fw-bold);height:44px;justify-content:center;letter-spacing:var(--tracking-base);padding:0 var(--space-5);transition:background var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}.login-button:hover:not(:disabled){background:var(--brand-strong)}.login-button:disabled{cursor:not-allowed;opacity:.5}.login-footer{color:var(--muted);font-size:var(--fs-sm);margin-top:var(--space-5);text-align:center}.ai-analysis-container{background:var(--surface-2);border-radius:8px;margin-top:20px;padding:20px}.ai-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.ai-header h3{color:var(--ink);font-size:1.5rem;margin:0}.btn-reanalyze,.btn-trigger-analysis{background:linear-gradient(135deg,var(--brand) 0,var(--brand-strong) 100%);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-reanalyze:hover,.btn-trigger-analysis:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-reanalyze:disabled,.btn-trigger-analysis:disabled{cursor:not-allowed;opacity:.6;transform:none}.ai-empty{padding:40px;text-align:center}.ai-empty p{color:var(--muted);font-size:1.1rem;margin-bottom:20px}.ai-loading{padding:40px;text-align:center}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border);border:4px solid var(--border);border-radius:50%;border-top-color:var(--brand);height:50px;margin:0 auto 20px;width:50px}.ai-loading p{color:var(--muted);font-size:1.1rem}.ai-error{color:var(--color-danger-500);padding:40px;text-align:center}.ai-tabs{border-bottom:2px solid var(--border);display:flex;gap:10px;margin-bottom:20px}.ai-tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--muted);cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .3s ease}.ai-tab:hover{background:#667eea0d;color:var(--ink)}.ai-tab.active{border-bottom-color:var(--brand);color:var(--brand);font-weight:600}.ai-content{background:var(--surface);border-radius:8px;min-height:300px;padding:24px}.ai-overview{display:flex;flex-direction:column;gap:24px}.ai-section{background:var(--surface-2);border-left:4px solid var(--brand);border-radius:6px;padding:16px}.ai-section h4{color:var(--ink);font-size:1.1rem;margin:0 0 12px}.root-cause-summary{color:var(--ink-2);font-size:1.05rem;line-height:1.6;margin-bottom:16px}.confidence-indicator{align-items:center;display:flex;gap:12px}.confidence-label{color:var(--muted);font-weight:600;min-width:90px}.confidence-bar{background:var(--border);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.confidence-fill{background:linear-gradient(90deg,var(--color-success-500) 0,var(--color-success-700) 100%);height:100%;transition:width .3s ease}.confidence-value{color:var(--color-success-500);font-weight:600;min-width:45px;text-align:right}.impact-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.impact-item{display:flex;flex-direction:column;gap:4px}.impact-label{color:var(--muted)}.impact-badge,.impact-label{font-size:.9rem;font-weight:600}.impact-badge{border-radius:4px;display:inline-block;padding:4px 12px}.impact-badge.severity-critical{background:var(--color-danger-500);color:#fff}.impact-badge.severity-high{background:var(--accent);color:#fff}.impact-badge.severity-medium{background:var(--color-warning-500);color:var(--ink)}.impact-badge.severity-low{background:var(--color-success-500);color:#fff}.impact-value{color:var(--ink);font-size:1rem}.ai-metadata{background:var(--surface-2);border-radius:6px;color:var(--muted);display:flex;font-size:.9rem;justify-content:space-around;padding:12px}.ai-root-cause{display:flex;flex-direction:column;gap:20px}.rc-section{background:var(--surface-2);border-radius:6px;padding:16px}.rc-section h4{color:var(--ink);font-size:1.1rem;margin:0 0 12px}.rc-section p{color:var(--ink-2);line-height:1.6;margin:0}.components-list{margin:0;padding-left:24px}.components-list li{color:var(--ink-2);margin:8px 0}.ai-remediation{display:flex;flex-direction:column;gap:24px}.recommended-approach{align-items:center;background:var(--brand-soft);border-left:4px solid var(--brand);border-radius:6px;display:flex;gap:12px;padding:12px}.approach-label{color:var(--brand);font-weight:600}.approach-badge{border-radius:4px;font-weight:600;padding:6px 16px;text-transform:capitalize}.approach-badge.approach-immediate{background:var(--color-danger-500);color:#fff}.approach-badge.approach-scheduled{background:var(--color-warning-500);color:var(--ink)}.approach-badge.approach-monitor{background:var(--color-info-500);color:#fff}.rem-section{background:var(--surface-2);border-radius:6px;padding:16px}.rem-section h4{color:var(--ink);font-size:1.1rem;margin:0 0 16px}.action-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;margin-bottom:12px;padding:16px;transition:all .2s ease}.action-card:hover{box-shadow:0 2px 8px #0000001a}.action-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.action-priority{color:var(--brand);font-size:.9rem;font-weight:600}.action-risk{border-radius:4px;font-size:.85rem;font-weight:600;padding:4px 12px}.action-risk.risk-low{background:var(--color-success-50);color:var(--color-success-700)}.action-risk.risk-medium{background:var(--color-warning-50);color:var(--color-warning-700)}.action-risk.risk-high{background:var(--color-danger-50);color:var(--color-danger-700)}.action-content p{color:var(--ink);line-height:1.5;margin:0 0 12px}.action-command{background:var(--ink);border-radius:4px;color:var(--surface);display:block;font-family:Monaco,Menlo,monospace;font-size:.9rem;margin:12px 0;overflow-x:auto;padding:12px}.action-outcome{border-left:3px solid var(--color-success-500);font-size:.95rem;margin:8px 0;padding:8px}.action-outcome,.action-time{background:var(--surface-2);color:var(--muted)}.action-time{border-radius:4px;display:inline-block;font-size:.85rem;margin-top:8px;padding:4px 8px}.action-steps{margin:12px 0;padding-left:24px}.action-steps li{color:var(--ink-2);line-height:1.5;margin:8px 0}.action-owner{border-top:1px solid var(--border);color:var(--muted);font-size:.9rem;margin-top:8px;padding-top:8px}.ai-prevention{display:flex;flex-direction:column;gap:24px}.prev-section{background:var(--surface-2);border-radius:6px;padding:16px}.prev-section h4{color:var(--ink);font-size:1.1rem;margin:0 0 16px}.prev-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;margin-bottom:12px;padding:16px}.prev-card h5{color:var(--brand);font-size:1rem;margin:0 0 12px}.prev-card p{color:var(--ink-2);line-height:1.5;margin:8px 0}.prev-benefit{background:var(--color-success-50);color:var(--color-success-700);font-size:.95rem}.prev-benefit,.prev-implementation{border-radius:4px;margin-top:8px;padding:8px}.prev-implementation{background:var(--surface-2);color:var(--muted);font-size:.9rem}@media (max-width:768px){.ai-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.impact-grid{grid-template-columns:1fr}.ai-metadata{flex-direction:column;gap:8px;text-align:center}}.troubleshoot-container{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;margin-top:16px;padding:20px}.ts-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.ts-header h3{color:var(--ink);font-size:16px;margin:0 0 4px}.ts-subtitle{color:var(--muted);font-size:12px;margin:0}.ts-btn{background:var(--brand);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;white-space:nowrap}.ts-btn:hover{background:var(--brand-strong)}.ts-btn:disabled{cursor:not-allowed}.ts-btn-loading,.ts-btn:disabled{background:var(--color-brand-200)}.ts-error-box{background:var(--color-danger-50);border:1px solid var(--color-danger-500);border-radius:6px;color:var(--color-danger-700);font-size:13px;margin-bottom:12px;padding:10px 14px}.ts-loading{align-items:center;color:var(--ink-2);display:flex;font-size:13px;gap:10px;padding:16px 0}.ts-spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--brand);height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.ts-cluster-badge{background:var(--brand-soft);border:1px solid var(--color-brand-200);border-radius:6px;color:var(--brand);font-size:12px;margin-bottom:14px;padding:8px 14px}.ts-ai-notice{color:var(--color-success-500);margin-left:8px}.ts-tabs{border-bottom:2px solid var(--border);display:flex;gap:4px;margin-bottom:16px}.ts-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--muted);cursor:pointer;font-size:13px;margin-bottom:-2px;padding:8px 16px}.ts-tab.active,.ts-tab:hover{color:var(--brand)}.ts-tab.active{border-bottom-color:var(--brand);font-weight:600}.ts-content{min-height:80px}.ts-section{display:flex;flex-direction:column;gap:12px}.ts-empty{color:var(--muted-2);font-size:13px}.ts-error{color:var(--color-danger-500);font-size:13px}.ts-meta-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.ts-meta-grid>div{background:var(--surface);border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;gap:2px;padding:8px 12px}.ts-label{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase}.ts-val{color:var(--ink-2);font-family:monospace;font-size:13px}.ts-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.phase-running,.state-running,.status-true{background:var(--color-success-50);color:var(--color-success-700)}.phase-pending,.state-waiting,.status-false{background:var(--color-warning-50);color:var(--color-warning-700)}.phase-failed,.state-terminated{background:var(--color-danger-50);color:var(--color-danger-700)}.event-warning{background:var(--color-warning-50);color:var(--color-warning-700)}.event-normal{background:var(--border);color:var(--ink-2)}.ts-container{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:12px}.ts-container-warn{background:var(--color-warning-50);border-color:var(--color-warning-500)}.ts-container-header{align-items:center;display:flex;gap:10px;margin-bottom:6px}.ts-restarts{color:var(--color-danger-500);font-size:12px;margin-left:auto}.ts-reason{color:var(--accent-ink);font-size:12px;margin-top:4px}.ts-image{color:var(--muted);font-family:monospace;font-size:11px;margin-top:4px}.ts-conditions{display:flex;flex-direction:column;gap:4px}.ts-condition{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:4px;display:flex;font-size:12px;gap:8px;padding:6px 10px}.ts-condition-bad{background:var(--color-danger-50);border-color:var(--color-danger-500)}.ts-reason-inline{color:var(--muted);font-size:11px}.ts-events{display:flex;flex-direction:column;gap:6px}.ts-event{align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:4px;display:flex;font-size:12px;gap:8px;padding:8px 10px}.ts-event-warning{background:var(--color-warning-50);border-color:var(--color-warning-500)}.ts-event-reason{color:var(--ink-2);font-weight:600;min-width:120px}.ts-event-msg{color:var(--ink-2);flex:1 1}.ts-event-count{color:var(--color-danger-500);font-weight:600;white-space:nowrap}.ts-logs{background:var(--ink);border-radius:6px;color:var(--muted-2);font-family:Courier New,monospace;font-size:11px;line-height:1.5;max-height:400px;overflow-x:auto;overflow-y:auto;padding:14px;white-space:pre-wrap}.ts-ai-section{border-top:1px solid var(--border);flex-wrap:wrap;gap:14px;margin-top:16px;padding-top:14px}.ts-ai-section,.ts-btn-analyze{align-items:center;display:flex}.ts-btn-analyze{background:var(--brand-deep);border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;gap:8px;padding:9px 20px;transition:opacity .15s}.ts-btn-analyze:hover{opacity:.88}.ts-btn-analyze:disabled{cursor:not-allowed;opacity:.5}.ts-ai-badge{background:#ffffff40;border-radius:4px;font-size:11px;font-weight:600;padding:2px 7px}.ts-ai-hint{color:var(--muted);flex:1 1;font-size:12px;font-style:italic}.ts-top-table{border-collapse:collapse;font-size:13px;margin-top:6px;width:100%}.ts-top-table th{background:var(--surface-2);font-size:11px;font-weight:700;text-align:left;text-transform:uppercase}.ts-top-table td,.ts-top-table th{border-bottom:1px solid var(--border);color:var(--ink-2);padding:6px 10px}.ts-top-row-hot td{background:var(--color-warning-50);font-weight:600}.ts-top-cpu{color:var(--accent-ink);font-weight:600}.ts-top-pod{font-family:monospace;font-size:12px}.ts-os-row{align-items:baseline;display:flex;gap:12px;margin-bottom:12px}.ts-os-val{background:var(--surface-2);border-radius:4px;color:var(--ink-2);font-family:monospace;font-size:12px;padding:2px 8px}.ts-os-pre{background:var(--ink);border-radius:6px;color:var(--border);font-family:monospace;font-size:11px;line-height:1.5;margin:4px 0 12px;max-height:280px;overflow-x:auto;overflow-y:auto;padding:10px 12px;white-space:pre}.ts-os-pre-warn{background:var(--ink);border-left:3px solid var(--color-danger-500);color:var(--color-danger-50)}.ts-info-panel{background:var(--brand-soft);border:1px solid var(--color-brand-200);border-radius:6px;color:var(--brand-strong);line-height:1.6;padding:16px}.rp-container{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-top:12px;padding:16px 20px}.rp-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.rp-title{color:var(--ink);font-size:15px;font-weight:700;margin:0 0 2px}.rp-subtitle{color:var(--muted);font-size:11px}.rp-info-box{background:var(--brand-soft);border:1px solid var(--color-brand-200);border-radius:7px;color:var(--brand-strong);margin-bottom:12px}.rp-info-box,.rp-proven-banner{font-size:12px;padding:10px 12px}.rp-proven-banner{align-items:flex-start;background:var(--color-warning-50);border:1px solid var(--color-warning-500);border-radius:7px;color:var(--color-warning-700);display:flex;gap:8px;margin-bottom:10px}.rp-complete-banner{background:var(--color-success-50);border:1px solid var(--color-success-500);border-radius:7px;color:var(--color-success-700);font-size:12px;margin-top:12px;padding:10px 14px}.rp-blast-radius,.rp-reasoning{color:var(--ink-2);font-size:12px;line-height:1.5;margin-bottom:8px}.rp-blast-label,.rp-reasoning-label{color:var(--ink-2);font-weight:700;margin-right:4px}.rp-progress{align-items:center;display:flex;gap:10px;margin-bottom:14px}.rp-progress-bar{background:var(--surface-2);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.rp-progress-fill{background:var(--color-success-500);border-radius:3px;height:100%;transition:width .4s ease}.rp-progress-label{color:var(--muted);font-size:12px;white-space:nowrap}.rp-steps{display:flex;flex-direction:column;gap:8px}.rp-step-card{border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:box-shadow .15s}.rp-step-card:hover{box-shadow:0 1px 6px #00000014}.rp-step-header{background:var(--surface-2);cursor:pointer;justify-content:space-between;padding:10px 14px;-webkit-user-select:none;user-select:none}.rp-step-header,.rp-step-left{align-items:center;display:flex}.rp-step-left{gap:10px}.rp-step-num{align-items:center;background:var(--border);border-radius:50%;color:var(--ink-2);display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.rp-step-icon{flex-shrink:0;font-size:16px}.rp-step-title{color:var(--ink-2);font-size:13px;font-weight:600}.rp-step-meta{gap:6px;margin-top:3px}.rp-step-meta,.rp-step-right{align-items:center;display:flex}.rp-step-right{gap:8px}.rp-expand-icon{color:var(--muted-2);font-size:10px}.rp-step-body{background:var(--surface);border-top:1px solid var(--border);padding:12px 14px}.rp-step-desc{color:var(--ink-2);font-size:12px;line-height:1.5;margin:0 0 10px}.rp-command-block{background:var(--ink);border-radius:6px;margin-bottom:10px;padding:10px 12px}.rp-rollback{background:var(--ink-2);opacity:.85}.rp-command-label{color:var(--muted-2);font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.rp-command{color:var(--color-success-500);display:block;font-family:Fira Mono,Consolas,monospace;font-size:12px;white-space:pre-wrap;word-break:break-all}.rp-rollback .rp-command{color:var(--color-warning-500)}.rp-outcome{color:var(--muted);font-size:12px;font-style:italic;margin-bottom:10px}.rp-outcome-label{color:var(--ink-2);font-style:normal;font-weight:600}.rp-output{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;margin-bottom:10px;padding:10px 12px}.rp-output-label{color:var(--muted);font-size:10px;font-weight:700;margin-bottom:4px;text-transform:uppercase}.rp-output-pre{color:var(--ink-2);font-family:Fira Mono,Consolas,monospace;font-size:11px;margin:0;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.rp-error-box{background:var(--color-danger-50);border:1px solid var(--color-danger-50);border-radius:6px;margin-bottom:10px;padding:10px 12px}.rp-error-label{color:var(--color-danger-700);font-size:10px;font-weight:700;margin-bottom:4px;text-transform:uppercase}.rp-error-pre{font-family:Fira Mono,Consolas,monospace;font-size:11px;margin:0;white-space:pre-wrap}.rp-error-msg,.rp-error-pre{color:var(--color-danger-700)}.rp-error-msg{font-size:12px;margin-top:8px}.rp-audit-line{color:var(--muted-2);font-size:11px;margin-bottom:4px}.rp-step-actions{border-top:1px solid var(--border);display:flex;gap:8px;margin-top:12px;padding-top:10px}.rp-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:7px 14px;transition:opacity .15s,transform .1s}.rp-btn:disabled{cursor:not-allowed;opacity:.55}.rp-btn:not(:disabled):hover{opacity:.88}.rp-btn:not(:disabled):active{transform:scale(.97)}.rp-btn-generate{background:var(--brand-deep);color:#fff;font-size:13px;padding:8px 18px}.rp-btn-approve{background:var(--brand);color:#fff}.rp-btn-run{background:var(--color-success-500);color:#fff}.rp-btn-execute{background:var(--accent);color:#fff}.rp-btn-skip{background:none;border:1px solid var(--border-strong);color:var(--muted)}.rp-btn-link{background:none;color:var(--brand-deep);font-size:12px;padding:6px 10px;text-decoration:underline}.rp-context-label{color:var(--ink-2);display:block;font-size:12px;font-weight:600;margin-bottom:4px}.rp-context-input{border:1px solid var(--border-strong);border-radius:6px;box-sizing:border-box;font-size:12px;padding:8px;resize:vertical;width:100%}.rp-loading{align-items:center;display:flex;gap:14px;padding:16px 0}.rp-spinner{animation:rp-spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--brand-deep);flex-shrink:0;height:28px;width:28px}@keyframes rp-spin{to{transform:rotate(1turn)}}.alerts-page{padding:20px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:var(--surface);border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}.stat-card h3{color:var(--muted);font-size:14px;margin-bottom:10px;text-transform:capitalize}.stat-value{color:var(--ink);font-size:32px;font-weight:700}.filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:15px}.search-group{background:var(--surface);border:1px solid var(--border);border-radius:4px;display:flex;flex:1 1;min-width:260px;overflow:hidden}.search-field-select{background:var(--surface-2);border:none;border-radius:0;border-right:1px solid var(--border);cursor:pointer;font-size:13px;min-width:0;min-width:auto;padding:8px 10px;width:140px}.search-field-select:focus{border-color:var(--border);box-shadow:none;outline:none}.filter-search{background-color:var(--surface);border:none;flex:1 1;font-size:14px;padding:8px 12px}.filter-search:focus{outline:none}.search-group:focus-within{border-color:var(--accent-ink);box-shadow:0 0 0 2px #553c9a26}.filter-select{background-color:var(--surface);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:14px;min-width:150px;padding:8px 12px}.filter-select:focus{border-color:var(--brand);outline:none}.severity-badge{border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.alerts-table{overflow-x:auto}.status-new{background-color:var(--color-info-500);color:#fff}.status-analyzing{background-color:var(--color-warning-500);color:var(--ink)}.status-action_proposed{background-color:var(--accent);color:#fff}.status-resolved,.status-resolving{background-color:var(--color-success-500);color:#fff}.status-closed{background-color:var(--muted);color:#fff}.status-firing{background-color:var(--color-danger-500);color:#fff}.alert-row{transition:background-color .2s}.alert-row:hover{background-color:var(--surface-2)}.alert-row.expanded{background-color:var(--border)}.expand-icon{color:var(--muted);display:inline-block;font-size:10px;margin-right:8px}.expanded-content td{background-color:var(--surface-2);padding:0!important}.alert-details{background-color:var(--surface);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:10px;padding:20px}.details-section{margin-bottom:24px}.details-section:last-child{margin-bottom:0}.details-section h4{border-bottom:2px solid var(--brand);color:var(--ink);font-size:16px;margin:0 0 12px;padding-bottom:6px}.detail-row{border-bottom:1px solid var(--border);display:flex;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--muted);font-weight:600;margin-right:15px;min-width:150px}.detail-value{color:var(--ink);flex:1 1;word-break:break-word}.annotations-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:10px}.annotation-item{background-color:var(--surface-2);border-left:3px solid var(--brand);border-radius:6px;padding:12px}.annotation-label{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.annotation-value{color:var(--ink);font-size:13px;white-space:pre-wrap;word-break:break-word}.no-annotations{color:var(--muted);font-style:italic;padding:20px;text-align:center}.details-section.ai-section{background:var(--surface-2);border:2px solid var(--brand);border-radius:8px;padding:20px}.details-section.ai-section h4{border-bottom-color:var(--brand)}.pagination-container{align-items:center;background:var(--surface);border-radius:0 0 8px 8px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:20px}.pagination-info{color:var(--muted);font-size:14px}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-btn{background:var(--surface);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--brand);border-color:var(--brand);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-pages{color:var(--ink);font-size:14px;font-weight:600;padding:0 15px}.page-size-selector{align-items:center;display:flex;gap:8px}.page-size-selector label{color:var(--muted);font-size:14px;font-weight:500}.page-size-select{background-color:var(--surface);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:14px;padding:6px 12px}.page-size-select:focus{border-color:var(--brand);outline:none}@media (max-width:768px){.pagination-container{align-items:stretch;flex-direction:column}.page-size-selector,.pagination-controls,.pagination-info{justify-content:center}}.create-playbook-btn{align-items:center;background:#0000;border:1px dashed var(--muted-2);border-radius:6px;color:var(--muted);cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:7px 14px;transition:all .15s}.create-playbook-btn:hover{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.playbooks-page{max-width:900px;padding:24px}.playbooks-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.playbooks-header h1{color:var(--ink);font-size:22px;margin:0 0 6px}.playbooks-subtitle{color:var(--muted);font-size:13px;margin:0;max-width:560px}.playbooks-preview-box{background:var(--brand-soft);border:1px solid var(--border);border-radius:10px;margin-bottom:24px;padding:16px 20px}.playbooks-preview-box h3{color:var(--brand-strong);font-size:14px;font-weight:600;margin:0 0 10px}.preview-row{display:flex;gap:10px}.preview-input{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex:1 1;font-size:13px;padding:8px 12px}.preview-input:focus{border-color:var(--brand);outline:none}.btn-preview{background:var(--brand);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;white-space:nowrap}.btn-preview:hover{background:var(--brand-strong)}.btn-preview:disabled{background:var(--color-brand-200);cursor:not-allowed}.preview-result{font-size:13px;margin-top:12px}.preview-error{color:var(--color-danger-500)}.preview-none{color:var(--muted);font-style:italic}.preview-count{color:var(--color-success-700);font-weight:600}.preview-list{margin:6px 0 0 16px;padding:0}.preview-list li{color:var(--ink-2);margin-bottom:3px}.preview-prompt{margin-top:10px}.preview-prompt summary{color:var(--brand);cursor:pointer;font-size:12px}.preview-prompt pre{background:#1a202c;border-radius:6px;color:#e2e8f0;font-size:11px;margin-top:6px;max-height:300px;overflow-x:auto;overflow-y:auto;padding:10px}.btn-primary{background:var(--brand);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:9px 18px}.btn-primary:hover{background:var(--brand-strong)}.btn-primary:disabled{background:var(--color-brand-200);cursor:not-allowed}.btn-cancel{background:var(--surface-2);border:none;border-radius:6px;color:var(--ink-2);cursor:pointer;font-size:13px;font-weight:600;padding:9px 18px}.btn-cancel:hover{background:var(--border)}.pb-loading{color:var(--muted);font-size:14px;padding:24px 0}.pb-error{color:var(--color-danger-500);font-size:14px;padding:16px 0}.pb-empty{color:var(--muted);padding:48px 0;text-align:center}.pb-empty p{margin:6px 0}.pb-empty code{background:var(--surface-2);border-radius:4px;font-size:12px;padding:1px 6px}.pb-list{display:flex;flex-direction:column;gap:12px}.pb-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 20px}.pb-card-inactive{opacity:.55}.pb-card-header{justify-content:space-between;margin-bottom:10px}.pb-card-header,.pb-card-title{align-items:center;display:flex}.pb-card-title{gap:10px}.pb-name{color:var(--ink);font-size:15px;font-weight:600}.pb-status{border-radius:10px;font-size:11px;font-weight:700;padding:2px 8px}.pb-active{background:var(--color-success-50);color:var(--color-success-700)}.pb-inactive{background:var(--border);color:var(--muted)}.pb-card-actions{display:flex;gap:6px}.btn-delete,.btn-edit,.btn-toggle{border:none;border-radius:5px;cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px}.btn-toggle{background:var(--surface-2);color:var(--ink-2)}.btn-toggle:hover{background:var(--border)}.btn-edit{background:var(--brand-soft);color:var(--brand-strong)}.btn-edit:hover{background:var(--color-brand-200)}.btn-delete{color:var(--color-danger-700)}.btn-delete,.btn-delete:hover{background:var(--color-danger-50)}.pb-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.pb-tag{background:var(--surface-2);border-radius:10px;color:var(--ink-2);font-size:11px;font-weight:600;padding:2px 8px}.pb-section-label{color:var(--muted);display:block;font-size:11px;font-weight:700;margin-bottom:4px;text-transform:uppercase}.pb-instructions{margin-bottom:8px}.pb-instructions-text{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;color:var(--ink-2);font-family:inherit;font-size:12px;margin:0;padding:8px 10px;white-space:pre-wrap}.pb-logpaths{margin-top:6px}.pb-paths{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.pb-path{background:var(--color-success-50);color:var(--color-success-700)}.pb-cmd,.pb-path{border-radius:4px;font-family:monospace;font-size:11px;padding:2px 8px}.pb-cmd{background:#1a1a2e;color:#a8d8a8}.pb-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.pb-modal{background:var(--surface);border-radius:12px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:95vw;overflow-y:auto;padding:24px;width:620px}.pb-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.pb-modal-header h2{color:var(--ink);font-size:18px;margin:0}.pb-modal-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:18px;padding:0}.pb-modal-close:hover{color:var(--ink)}.pb-form label{color:var(--ink-2);display:block;font-size:12px;font-weight:700;margin:14px 0 4px}.pb-form-section-title{border-bottom:1px solid var(--border);color:var(--brand);font-size:11px;font-weight:700;letter-spacing:.04em;margin:20px 0 4px;padding-bottom:4px;text-transform:uppercase}.pb-input,.pb-select,.pb-textarea{background:var(--surface);border:1px solid var(--border);border-radius:6px;box-sizing:border-box;color:var(--ink-2);font-size:13px;padding:8px 10px;width:100%}.pb-input:focus,.pb-select:focus,.pb-textarea:focus{border-color:var(--brand);outline:none}.pb-textarea{font-family:inherit;line-height:1.5;resize:vertical}.pb-textarea-sm{font-family:monospace;font-size:12px}.pb-hint{color:var(--muted);font-size:11px;font-style:italic;margin:4px 0 0}.pb-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.pb-form-row-end{align-items:center;display:flex;grid-template-columns:none;justify-content:space-between;margin-top:20px}.pb-form-buttons{display:flex;gap:8px}.pb-toggle-label{align-items:center;color:var(--ink-2);display:flex;font-size:13px;font-weight:400;gap:6px}.pb-toggle-label input{width:auto}.pb-form-error{background:var(--color-danger-50);border:1px solid var(--color-danger-500);border-radius:6px;color:var(--color-danger-700);font-size:13px;margin-bottom:12px;padding:10px 14px}.metrics-section{margin-bottom:32px}.metrics-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.metrics-section-title{color:var(--ink-2);font-size:16px;font-weight:600;margin:0 0 12px}.metrics-empty{color:var(--muted-2);font-size:14px;padding:20px;text-align:center}.metrics-node-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.metrics-node-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 4px #0000000d;padding:16px}.metrics-node-name{color:var(--ink-2);font-family:monospace;font-size:13px;font-weight:600;margin-bottom:12px}.metrics-node-rows{display:flex;flex-direction:column;gap:10px}.metrics-node-row{align-items:center;display:flex;gap:10px}.metrics-label{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;width:30px}.metrics-bar-wrap{align-items:center;display:flex;flex:1 1;gap:8px}.metrics-bar-track{background:var(--surface-2);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.metrics-bar-fill{border-radius:4px;height:100%;transition:width .3s ease}.metrics-bar-label{font-size:12px;font-weight:600;text-align:right;width:36px}.metrics-value{color:var(--muted);font-size:11px;text-align:right;width:60px}.metrics-ns-filter,.metrics-sort-select{border:1px solid var(--border);border-radius:6px;color:var(--ink-2);font-size:13px;outline:none;padding:6px 10px}.metrics-ns-filter:focus,.metrics-sort-select:focus{border-color:var(--brand)}.metrics-pod-bar-row{align-items:center;display:flex;gap:8px}.metrics-pod-bar{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden;width:80px}.metrics-pod-bar-fill{border-radius:3px;height:100%;transition:width .3s}.metrics-pod-bar-fill.cpu{background:var(--color-success-500)}.metrics-pod-bar-fill.mem{background:var(--brand)}.as-trends-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto;margin-bottom:28px}.as-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 4px #0000000a;padding:16px}.as-card-wide{grid-column:span 2}.as-card-title{color:var(--ink-2);font-size:13px;font-weight:600;margin-bottom:14px}.as-card-sub{color:var(--muted-2);font-weight:400;margin-left:6px}.trend-chart{align-items:flex-end;gap:4px;height:80px;padding-bottom:20px}.trend-bar-col,.trend-chart{display:flex;position:relative}.trend-bar-col{align-items:center;cursor:pointer;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end}.trend-bar-fill{background:linear-gradient(180deg,var(--brand),var(--brand-strong));border-radius:3px 3px 0 0;min-height:4px;transition:height .3s ease;width:100%}.trend-bar-date{bottom:-18px;color:var(--muted-2);font-size:9px;position:absolute;white-space:nowrap}.as-breakdown{display:flex;flex-direction:column;gap:8px}.as-breakdown-row{align-items:center;display:flex;gap:8px}.as-breakdown-label{font-size:12px;font-weight:600;text-transform:capitalize;width:70px}.as-breakdown-bar-track{background:var(--surface-2);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.as-breakdown-bar-fill{border-radius:3px;height:100%;transition:width .4s}.as-breakdown-count{color:var(--muted);font-size:12px;text-align:right;width:36px}.as-top-list{display:flex;flex-direction:column;gap:6px}.as-top-row{align-items:center;display:flex;font-size:12px;gap:8px}.as-top-rank{color:var(--muted-2);flex-shrink:0;width:22px}.as-top-name{color:var(--ink-2);flex:1 1}.as-top-count{color:var(--brand);flex-shrink:0;font-weight:600;text-align:right;width:36px}.as-search-section{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px}.as-search-title{color:var(--ink-2);font-size:15px;font-weight:600;margin-bottom:14px}.as-search-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.as-search-input{border:1px solid var(--border);border-radius:6px;flex:2 1;font-size:13px;min-width:200px;outline:none;padding:8px 12px}.as-search-input:focus{border-color:var(--brand)}.as-search-bar input:not(.as-search-input),.as-search-bar select{border:1px solid var(--border);border-radius:6px;color:var(--ink-2);font-size:13px;outline:none;padding:8px 10px}.as-pagination{align-items:center;border-top:1px solid var(--border);display:flex;gap:16px;justify-content:center;margin-top:16px;padding-top:16px}@media (max-width:900px){.as-trends-grid{grid-template-columns:repeat(2,1fr)}.as-card-wide{grid-column:span 2}}@media (max-width:600px){.as-trends-grid{grid-template-columns:1fr}.as-card-wide{grid-column:span 1}}.gpu-page{padding:0}.gpu-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.gpu-header h1{color:var(--ink);font-size:22px;font-weight:700;margin:0}.gpu-subtitle{color:var(--muted);font-size:13px;margin:4px 0 0}.gpu-quota-badge{background:var(--brand-soft);border:1px solid var(--border);border-radius:20px;color:var(--brand-deep);font-size:13px;font-weight:600;padding:5px 14px}.gpu-tabs{border-bottom:1px solid var(--border);display:flex;gap:4px;margin-bottom:20px}.gpu-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--muted);cursor:pointer;font-size:14px;margin-bottom:-1px;padding:8px 18px;transition:all .15s}.gpu-tab.active{border-bottom-color:var(--brand);color:var(--brand);font-weight:600}.gpu-tab:hover:not(.active){color:var(--ink-2)}.gpu-empty{color:var(--muted);font-size:16px;padding:60px 20px;text-align:center}.gpu-server-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.gpu-server-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:18px}.gpu-server-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.gpu-server-name{color:var(--ink);font-size:15px;font-weight:700}.gpu-server-ip{color:var(--muted-2);font-family:monospace;font-size:12px}.gpu-badge{border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.gpu-badge.mig{background:var(--accent);color:#fff}.gpu-badge.mig-cap{background:var(--accent-soft);color:var(--accent-ink)}.gpu-model-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.gpu-model-name{color:var(--ink-2);font-size:14px;font-weight:600}.gpu-count-badge{background:var(--surface-2);border-radius:12px;color:var(--ink-2);font-size:12px;padding:2px 10px}.gpu-specs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.gpu-spec{display:flex;flex-direction:column;gap:2px}.gpu-spec span{color:var(--muted-2);font-size:10px;text-transform:uppercase}.gpu-spec strong{color:var(--ink-2);font-size:13px}.gpu-metrics-section{background:#0d1117;border-radius:8px;margin-bottom:14px;padding:12px}.gpu-metric-gpu{margin-bottom:10px}.gpu-metric-gpu:last-child{margin-bottom:0}.gpu-instances-section{border-top:1px solid var(--border);margin-top:2px;padding-top:12px}.gpu-instances-toggle{background:none;border:none;color:var(--brand);cursor:pointer;font-size:13px;font-weight:600;padding:0}.gpu-instances-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.gpu-instance-row{align-items:center;background:var(--surface-2);border-radius:6px;display:flex;justify-content:space-between;padding:8px 10px}.gpu-inst-name{color:var(--ink-2);font-size:13px;font-weight:600;margin-right:8px}.gpu-inst-type{color:var(--muted);font-size:11px;margin-right:8px}.gpu-inst-vram{color:var(--brand);font-size:11px;font-weight:600}.gpu-server-actions{border-top:1px solid var(--border);display:flex;gap:8px;margin-top:14px;padding-top:12px}.gpu-alloc-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.gpu-alloc-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:18px}.gpu-alloc-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.gpu-alloc-name{color:var(--ink);font-size:15px;font-weight:700}.gpu-connect-box{background:#1a1a2e;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:14px}.gpu-connect-row{align-items:center;display:flex;font-size:12px;gap:10px}.gpu-connect-row>span:first-child{color:#7b8ec8;flex-shrink:0;font-size:11px;width:60px}.gpu-connect-row code{color:#c9d1d9;font-family:Courier New,monospace;font-size:12px;word-break:break-all}.gpu-jupyter-link{color:#58a6ff;font-size:12px}.sidebar{background-color:var(--surface);border-right:1px solid var(--border);color:var(--ink);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:var(--z-nav)}.sidebar-header{border-bottom:1px solid var(--border);padding:var(--space-5)}.sidebar-brand{color:var(--brand);display:block;font-size:var(--fs-2xl);font-weight:var(--fw-black);letter-spacing:var(--tracking-tight);margin-bottom:2px;text-decoration:none}.sidebar-subtitle{color:var(--muted);font-size:var(--fs-sm)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:var(--space-3) var(--space-3)}.sidebar-section{margin-bottom:var(--space-1)}.sidebar-item{align-items:center;background:none;border:none;border-radius:var(--r-md);color:var(--ink-2);cursor:pointer;display:flex;font-size:var(--fs-md);font-weight:var(--fw-semi);gap:var(--space-3);height:40px;padding:0 var(--space-3);position:relative;text-align:left;text-decoration:none;transition:background var(--t-fast),color var(--t-fast);width:100%}.sidebar-item:hover{background-color:var(--surface-2);color:var(--ink)}.sidebar-item.active{background-color:var(--brand-soft);color:var(--brand-deep)}.sidebar-item.active:before{background:var(--brand);border-radius:0 3px 3px 0;bottom:8px;content:"";left:-4px;position:absolute;top:8px;width:3px}.sidebar-icon{align-items:center;color:var(--ink-2);display:inline-flex;flex-shrink:0;font-size:17px;height:20px;justify-content:center;line-height:1;width:20px}svg.sidebar-icon{display:block}.sidebar-item.active .sidebar-icon,.sidebar-item.active svg.sidebar-icon{color:var(--brand)}.sidebar-divider{background-color:var(--border);height:1px;margin:var(--space-3) 0}.sidebar-section-header{align-items:center;background:none;border:none;border-radius:var(--r-md);color:var(--ink-2);cursor:pointer;display:flex;font-size:var(--fs-md);font-weight:var(--fw-semi);gap:var(--space-3);height:40px;padding:0 var(--space-3);text-align:left;text-decoration:none;transition:background var(--t-fast),color var(--t-fast);width:100%}.sidebar-section-header:hover{background-color:var(--surface-2);color:var(--ink)}.sidebar-section-title{flex:1 1}.sidebar-chevron{color:var(--muted);font-size:var(--fs-xl);transition:transform var(--t-fast) var(--ease-out)}.sidebar-chevron.expanded{transform:rotate(90deg)}.sidebar-section-content{padding:2px 0 var(--space-2)}.sidebar-subitem{border-radius:var(--r-md);color:var(--muted);display:block;font-size:var(--fs-base);padding:8px var(--space-3) 8px 48px;text-decoration:none;transition:background var(--t-fast),color var(--t-fast)}.sidebar-subitem:hover{background-color:var(--surface-2);color:var(--ink)}.sidebar-subitem.active{background-color:var(--brand-soft);color:var(--brand-deep);font-weight:var(--fw-semi)}.sidebar-footer{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px;padding:var(--space-3)}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:var(--color-slate-300);border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-slate-400)}.sidebar-cluster-selector{border-bottom:1px solid var(--border);border-top:1px solid var(--border);margin-bottom:var(--space-1);padding:var(--space-3) var(--space-4)}.sidebar-cluster-label{color:var(--muted);font-size:10px;font-weight:var(--fw-bold);letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.sidebar-cluster-select{-webkit-appearance:none;appearance:none;background:var(--surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7691' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid var(--border);border-radius:var(--r-md);color:var(--ink);cursor:pointer;font:inherit;font-size:var(--fs-base);outline:none;padding:8px 28px 8px 10px;transition:border-color var(--t-fast),box-shadow var(--t-fast);width:100%}.sidebar-cluster-select:hover{border-color:var(--border-strong)}.sidebar-cluster-select:focus{border-color:var(--brand);box-shadow:var(--shadow-focus)}.sidebar-cluster-select option{background:var(--surface);color:var(--ink)}.sidebar-cluster-status{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.04em;margin-top:6px;text-transform:uppercase}.sidebar-cluster-status-active{color:var(--color-success-500)}.sidebar-cluster-status-failed{color:var(--color-danger-500)}.sidebar-cluster-status-pending{color:var(--color-warning-500)}.sidebar-cluster-status-provisioning{color:var(--color-info-500)}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform var(--t-slow) var(--ease-out);width:240px}.sidebar.open{transform:translateX(0)}}
/*# sourceMappingURL=main.2f826a0b.css.map*/