@import"https://rsms.me/inter/inter.css";:root{--accent: #7c8cff;--accent-strong: #9aa6ff;--accent-soft: rgba(124, 140, 255, .12);--accent-glow: rgba(124, 140, 255, .35);--gold: #d4b572;--ok: #4ade80;--warn: #d4b572;--err: #f97268;--bg: #fafafa;--bg-elev: #ffffff;--sidebar-bg: #ededea;--panel: #ffffff;--sidebar-bg-rgba: rgba(237, 237, 234, .55);--sidebar-text: #2a2a2a;--sidebar-text-muted: #6a6a6a;--sidebar-item-hover: rgba(0, 0, 0, .05);--sidebar-item-active: rgba(0, 0, 0, .08);--page-bg: #fafafa;--page-text: #1a1a1a;--text-0: #1a1a1a;--text-1: #4a4a4a;--text-2: #6a6a6a;--text-3: #8a8a8a;--line: rgba(0, 0, 0, .06);--line-strong: rgba(0, 0, 0, .1);--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 1px 2px rgba(0, 0, 0, .03), 0 6px 18px rgba(0, 0, 0, .05);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .06), 0 16px 40px rgba(0, 0, 0, .07);--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Söhne", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{position:relative;font-family:var(--font-display);font-feature-settings:"ss01","cv11";font-size:14px;line-height:1.5;color:var(--page-text);background:var(--page-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body:before,body:after,#root:before{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}body:before{width:720px;height:720px;background:radial-gradient(circle,#d9e4ff8c,#d9e4ff00 65%);top:-260px;left:-240px}body:after{width:640px;height:640px;background:radial-gradient(circle,#ffe4ec80,#ffe4ec00 65%);bottom:-260px;right:-220px}#root{position:relative;isolation:isolate}#root:before{width:540px;height:540px;background:radial-gradient(circle,#e2f7e880,#e2f7e800 65%);top:30%;left:40%}#root>*{position:relative;z-index:1}body.app-idle *,body.app-idle *:before,body.app-idle *:after{animation-play-state:paused!important;transition:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#0003}::-webkit-scrollbar-track{background:transparent}.app-frame{display:flex;flex-direction:column;height:100vh;width:100vw;background:transparent}.titlebar{height:36px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:transparent;color:var(--text-0);-webkit-user-select:none;user-select:none;-webkit-app-region:drag}.titlebar-left,.titlebar-right{display:flex;align-items:center;gap:10px;-webkit-app-region:no-drag}.titlebar-brand-mark{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--accent);box-shadow:0 0 6px var(--accent-glow);display:inline-block;position:relative}.titlebar-brand-mark:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:radial-gradient(circle,var(--accent-strong) 0%,var(--accent) 70%);box-shadow:0 0 8px var(--accent-glow)}.titlebar-brand-text{font-weight:600;font-size:13px;letter-spacing:.3px}.titlebar-tagline{font-size:10.5px;color:var(--text-3);letter-spacing:.06em;text-transform:uppercase}.app-shell{flex:1 1 auto;display:flex;min-height:0;padding:0 10px 10px;gap:10px}.app-main{flex:1;display:flex;flex-direction:column;background:#ffffff8c;backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);border:1px solid rgba(255,255,255,.5);border-radius:var(--r-lg);box-shadow:var(--shadow-md);overflow:hidden;min-width:0}.sidebar{position:relative;width:244px;flex-shrink:0;display:flex;flex-direction:column;padding:14px 12px;background:var(--sidebar-bg-rgba);color:var(--sidebar-text);backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);border:1px solid rgba(255,255,255,.5);border-radius:var(--r-lg);box-shadow:var(--shadow-md);overflow:hidden;contain:layout paint}.sidebar .brand-name{color:var(--sidebar-text)}.sidebar .brand-sub,.sidebar .nav-heading{color:var(--sidebar-text-muted)}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px 14px;margin-bottom:4px;border-bottom:1px solid var(--line)}.brand-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;letter-spacing:.04em;box-shadow:0 2px 6px #0000001f}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-name{font-weight:600;color:var(--text-0);font-size:14px}.brand-sub{color:var(--text-3);font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.nav{display:flex;flex-direction:column;gap:2px;flex:1;padding-top:8px;overflow-y:auto}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-section+.nav-section{margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}.nav-heading{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);padding:2px 10px 6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-md);color:var(--sidebar-text);background:transparent;font-size:13.5px;text-decoration:none;transition:background .12s ease,color .12s ease}.nav-item:hover{background:var(--sidebar-item-hover);color:var(--sidebar-text)}.nav-item.is-active{background:var(--sidebar-item-active);color:var(--sidebar-text);font-weight:500}.nav-icon{width:18px;display:inline-flex;justify-content:center;font-size:14px}.sidebar-foot{font-size:10.5px;color:var(--text-3);padding:12px 6px 4px;border-top:1px solid var(--line);margin-top:8px;letter-spacing:.04em}.client-switcher{display:flex;flex-direction:column;gap:4px;padding:8px 4px}.client-switcher label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);font-weight:600}.client-switcher select{background:#fff;border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:6px 8px;font-family:inherit;font-size:12.5px;color:var(--text-0)}.page{flex:1;overflow-y:auto;padding:24px 28px}.page-head{margin-bottom:20px}.page-head h1{font-size:22px;margin:0 0 4px;font-weight:600;letter-spacing:-.01em}.page-head .lead{color:var(--text-2);margin:0}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row.gap{gap:16px}.row.end{justify-content:flex-end}.grow{flex:1}.stack{display:flex;flex-direction:column;gap:14px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.muted{color:var(--text-3)}.small{font-size:12px}.mono{font-family:var(--font-mono);font-size:12px}.card{background:#ffffffa6;backdrop-filter:blur(5px) saturate(120%);-webkit-backdrop-filter:blur(5px) saturate(120%);border:1px solid rgba(255,255,255,.6);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-head h2{margin:0;font-size:14px;font-weight:600;letter-spacing:.02em}.card-head .sub{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}.card-clickable{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.card-clickable:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 18px}.kpi{background:#ffffffb3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.6);border-radius:var(--r-md);padding:14px 16px;box-shadow:var(--shadow-sm)}.kpi-num{font-size:26px;font-weight:600;letter-spacing:-.01em}.kpi-lbl{color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.kpi-sub{font-size:11px;color:var(--text-2);margin-top:4px}.btn-primary,.btn-secondary,.btn-ghost,.btn-danger{border-radius:var(--r-md);padding:8px 14px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .12s ease,border-color .12s ease}.btn-primary{background:#1a1a1a;color:#fff;border:1px solid #1a1a1a}.btn-primary:hover:not(:disabled){background:#000}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#0000000a;color:var(--text-0);border:1px solid var(--line)}.btn-secondary:hover:not(:disabled){background:#00000012}.btn-ghost{background:transparent;color:var(--text-1);border:1px solid var(--line);padding:6px 12px;font-size:12.5px}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:#f972681a;color:#b04339;border:1px solid rgba(249,114,104,.35)}.btn-danger:hover{background:#f972682e}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.form{display:flex;flex-direction:column;gap:14px}.form label,.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.form input,.form select,.form textarea,.form-grid input,.form-grid select,.form-grid textarea{background:#fff;border:1px solid var(--line-strong);color:var(--text-0);padding:9px 11px;border-radius:var(--r-sm);font-family:inherit;font-size:13px;text-transform:none;letter-spacing:0;font-weight:400}.form textarea,.form-grid textarea{min-height:90px;resize:vertical}.form input:focus,.form select:focus,.form textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.form-grid .col-2{grid-column:span 2}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:500;letter-spacing:.02em;border:1px solid transparent}.pill-ok{background:#4ade801f;color:#15803d;border-color:#4ade8059}.pill-warn{background:#d4b5722e;color:#8b6c2a;border-color:#d4b57266}.pill-err{background:#f972681f;color:#b04339;border-color:#f9726859}.pill-accent{background:var(--accent-soft);color:#4f5dcc;border-color:#7c8cff4d}.pill-muted{background:#0000000a;color:var(--text-1);border-color:var(--line)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}.table th{color:var(--text-3);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.05em;background:#00000005;position:sticky;top:0}.table tbody tr{transition:background .1s ease}.table tbody tr:hover{background:#7c8cff0a;cursor:pointer}.empty-state{text-align:center;padding:48px 24px;background:#ffffff80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px dashed var(--line-strong);border-radius:var(--r-lg);color:var(--text-1)}.empty-state h2{font-size:16px;margin:0 0 8px;font-weight:600;color:var(--text-0)}.empty-state p{color:var(--text-2);max-width:560px;margin:8px auto}.kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px}.kanban-col{flex:0 0 240px;display:flex;flex-direction:column;background:#ffffff73;border:1px solid var(--line);border-radius:var(--r-md);padding:10px;max-height:calc(100vh - 240px)}.kanban-col-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:2px 4px}.kanban-col-head h3{margin:0;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-2)}.kanban-col-body{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.kanban-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;font-size:12.5px;box-shadow:var(--shadow-sm);cursor:grab}.kanban-card .name{font-weight:600;font-size:13px;margin-bottom:2px}.kanban-card .meta{color:var(--text-3);font-size:11px}.kanban-card .flags{display:flex;gap:4px;margin-top:6px}.wizard{display:flex;flex-direction:column;gap:18px;max-width:760px;margin:0 auto}.wizard-steps{display:flex;gap:6px;margin-bottom:8px}.wizard-step{flex:1;height:4px;border-radius:999px;background:var(--line)}.wizard-step.is-done{background:var(--accent)}.wizard-step.is-active{background:var(--accent-strong)}.agent-stream{display:flex;flex-direction:column;gap:8px;font-family:var(--font-mono);font-size:12px;max-height:320px;overflow-y:auto;padding:10px;background:#00000006;border:1px solid var(--line);border-radius:var(--r-sm)}.agent-msg .who{font-weight:700;color:var(--accent)}.agent-msg .who.operator{color:var(--text-1)}.agent-msg .who.system{color:var(--err)}.statusbar{display:flex;gap:14px;flex-wrap:wrap;padding:8px 18px;border-top:1px solid var(--line);background:#00000004;font-size:11.5px;color:var(--text-2)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#0000000a;border:1px solid var(--line)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-ok{background:var(--ok)}.dot-warn{background:var(--err)}
