:root{--bg:#0d1014;--bg-1:#12161c;--bg-2:#181d24;--bg-3:#1f252e;--bg-input:#0a0d11;--line:#232932;--line-strong:#2e3641;--line-soft:#1a1f27;--fg:#d6dde6;--fg-1:#a8b1bd;--fg-2:#6e7682;--fg-3:#4a525d;--accent:oklch(85% .18 125);--accent-ink:#0d1014;--accent-dim:oklch(85% .18 125/.18);--accent-line:oklch(85% .18 125/.45);--st-neutral:#6e7682;--st-amber:#e0a64a;--st-amber-bg:#e0a64a1f;--st-green:#5fbf7e;--st-green-bg:#5fbf7e1f;--st-red:#e26464;--st-red-bg:#e2646424;--st-blue:#7aa6e0;--st-blue-bg:#7aa6e01f;--cat-dsp:#5b8aa8;--cat-amp:#b5784a;--cat-source:#7e8db5;--cat-display:#8a6fa0;--cat-switch:#5a9591;--cat-control:#a89352;--cat-net:#6e8a5a;--cat-power:#8c6b5a;--font-sans:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--ru:22px;--rack-w:360px}[data-theme=light]{--bg:#ecedef;--bg-1:#f6f7f8;--bg-2:#fff;--bg-3:#e2e6ea;--bg-input:#fff;--line:#d1d6dc;--line-strong:#b6bdc4;--line-soft:#e2e5e9;--fg:#1a1f27;--fg-1:#4a525d;--fg-2:#737b86;--fg-3:#a4abb4;--accent-ink:#1a1f27}*{box-sizing:border-box}html,body{font-family:var(--font-sans);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:13px;line-height:1.4}a{color:inherit}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1, "zero" 1}.topbar{border-bottom:1px solid var(--line);background:var(--bg-1);flex-shrink:0;align-items:center;gap:16px;height:40px;padding:0 12px;display:flex}.topbar .brand{font-family:var(--font-sans);letter-spacing:.18em;color:var(--fg);align-items:center;gap:8px;font-size:13px;font-weight:300;text-decoration:none;display:flex}.topbar .brand-mark{border:1px solid var(--accent);width:14px;height:14px;position:relative}.topbar .brand-mark:before{content:"";background:var(--accent);position:absolute;inset:3px}.topbar .crumbs{color:var(--fg-1);align-items:center;gap:8px;font-size:12px;display:flex}.topbar .crumbs .sep{color:var(--fg-3)}.topbar .crumbs .here{color:var(--fg)}.topbar .spacer{flex:1}.topbar .nav{gap:2px;font-size:12px;display:flex}.topbar .nav a{color:var(--fg-1);border-bottom:1px solid #0000;padding:6px 10px;text-decoration:none}.topbar .nav a:hover{color:var(--fg)}.topbar .nav a.active{color:var(--fg);border-bottom-color:var(--accent)}.role-badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-line);align-items:center;gap:6px;padding:3px 8px 3px 6px;font-size:11px;display:inline-flex}.role-badge .dot{background:var(--accent);width:6px;height:6px;display:inline-block}.role-badge.tech{color:var(--accent)}.role-badge.sales{color:var(--st-blue);background:var(--st-blue-bg);border-color:#7aa6e066}.role-badge.sales .dot{background:var(--st-blue)}.role-badge.admin{color:var(--st-amber);background:var(--st-amber-bg);border-color:#e0a64a66}.role-badge.admin .dot{background:var(--st-amber)}.user-chip{color:var(--fg-1);align-items:center;gap:8px;font-size:12px;display:flex}.user-chip .avatar{background:var(--bg-3);width:22px;height:22px;color:var(--fg);font-size:10px;font-family:var(--font-mono);border:1px solid var(--line-strong);place-items:center;display:grid}.btn{font-family:var(--font-sans);background:var(--bg-2);color:var(--fg);border:1px solid var(--line-strong);cursor:pointer;align-items:center;gap:6px;height:26px;padding:5px 10px;font-size:12px;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{background:var(--bg-3);border-color:var(--fg-3)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:500}.btn.primary:hover{filter:brightness(1.05)}.btn.danger{color:var(--st-red);border-color:#e2646466}.btn.danger:hover{background:var(--st-red-bg)}.btn.ghost{color:var(--fg-1);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--bg-2);color:var(--fg)}.btn.icon{padding:0 8px}.btn.sm{height:22px;padding:0 8px;font-size:11px}.input,.select,select,input[type=text],input[type=email],input[type=password],input[type=number],textarea{font-family:var(--font-sans);background:var(--bg-input);color:var(--fg);border:1px solid var(--line-strong);outline:none;padding:5px 8px;font-size:12px}.input,.select,select,input[type=text],input[type=email],input[type=password],input[type=number]{height:26px}textarea{font-family:var(--font-mono);resize:vertical;line-height:1.4}.input:focus,.select:focus,select:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,textarea:focus{border-color:var(--accent-line)}.input.mono{font-family:var(--font-mono)}.input.search{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%236e7682' stroke-width='1.2'><circle cx='5' cy='5' r='3.5'/><path d='M8 8l3 3'/></svg>");background-position:7px;background-repeat:no-repeat;padding-left:24px}.chip{height:18px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);color:var(--fg-1);background:var(--bg-2);white-space:nowrap;align-items:center;gap:5px;padding:0 7px;font-size:10px;display:inline-flex}.chip .dot{background:currentColor;flex-shrink:0;width:6px;height:6px}.chip.draft{color:var(--st-neutral);border-color:var(--line-strong)}.chip.submitted{color:var(--st-amber);background:var(--st-amber-bg);border-color:#e0a64a59}.chip.approved{color:var(--st-green);background:var(--st-green-bg);border-color:#5fbf7e59}.chip.pending{color:var(--st-amber);background:var(--st-amber-bg);border-color:#e0a64a59}.chip.rejected,.chip.invalid{color:var(--st-red);background:var(--st-red-bg);border-color:#e2646466}.port-pill{height:16px;font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--line-strong);color:var(--fg-1);background:var(--bg-1);text-transform:uppercase;align-items:center;padding:0 6px;font-size:10px;display:inline-flex}.port-pill.free{color:var(--st-green);border-color:#5fbf7e66}.port-pill.used{color:var(--fg-1)}.port-pill.invalid,.port-pill.over{color:var(--st-red);background:var(--st-red-bg);border-color:#e2646466}.table{border-collapse:collapse;width:100%;font-size:12px}.table thead th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-2);border-bottom:1px solid var(--line);background:var(--bg-1);padding:8px 12px;font-size:11px;font-weight:500}.table tbody td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:9px 12px}.table tbody tr:hover{background:var(--bg-2)}.table tbody tr.selected{background:var(--bg-3)}.table .num{font-family:var(--font-mono);text-align:right}.table .muted{color:var(--fg-2)}.hr{border:0;border-top:1px solid var(--line);margin:0}.vr{background:var(--line);align-self:stretch;width:1px}.section-h{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:8px 12px;font-size:10px;display:flex}kbd{font-family:var(--font-mono);background:var(--bg-2);border:1px solid var(--line-strong);color:var(--fg-1);padding:1px 5px;font-size:10px}.alert{font-family:var(--font-mono);border:1px solid;align-items:flex-start;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:12px;display:flex}.alert.error{color:var(--st-red);background:var(--st-red-bg);border-color:#e2646466}.alert.success{color:var(--st-green);background:var(--st-green-bg);border-color:#5fbf7e66}.alert .close{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:16px;line-height:1}.svelte-flow.svelte-flow{--xy-background-color:var(--bg);--xy-background-color-default:var(--bg);--xy-background-pattern-color-default:var(--line-soft);--xy-background-pattern-color:var(--line-soft);--xy-edge-stroke-default:var(--accent);--xy-edge-stroke-selected-default:var(--accent);--xy-controls-button-background-color-default:var(--bg-2);--xy-controls-button-background-color-hover-default:var(--bg-3);--xy-controls-button-color-default:var(--fg-1);--xy-controls-button-color-hover-default:var(--fg);--xy-controls-button-border-color-default:var(--line);--xy-attribution-background-color-default:transparent;color:var(--fg);background:var(--bg)!important}.svelte-flow.svelte-flow .svelte-flow__renderer,.svelte-flow.svelte-flow .svelte-flow__pane,.svelte-flow.svelte-flow .svelte-flow__background,.svelte-flow.svelte-flow .svelte-flow__viewport{background:var(--bg)!important}.svelte-flow.svelte-flow .svelte-flow__attribution{display:none}.svelte-flow.svelte-flow .svelte-flow__node{background:0 0;border:none;padding:0}.svelte-flow.svelte-flow .svelte-flow__handle{width:12px;height:12px}.svelte-flow.svelte-flow .svelte-flow__edge-path{stroke-width:1.5px}.svelte-flow.svelte-flow .svelte-flow__controls{background:var(--bg-1);border:1px solid var(--line)}.svelte-flow.svelte-flow .svelte-flow__controls-button{background:var(--bg-2);color:var(--fg-1);border:none;border-bottom:1px solid var(--line)}.svelte-flow.svelte-flow .svelte-flow__controls-button:hover{background:var(--bg-3);color:var(--fg)}.svelte-flow.svelte-flow .svelte-flow__controls-button svg{fill:currentColor}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.flex1{flex:1}.muted{color:var(--fg-2)}.faint{color:var(--fg-3)}