:root{--primary: #6366F1;--primary-600: #4F46E5;--primary-100: #E0E7FF;--primary-50: #EEF2FF;--secondary: #8B5CF6;--accent: #06B6D4;--accent-100: #CFFAFE;--success: #10B981;--success-100: #D1FAE5;--warning: #F59E0B;--warning-100: #FEF3C7;--error: #EF4444;--error-100: #FEE2E2;--n900: #111827;--n800: #1F2937;--n700: #374151;--n600: #4B5563;--n500: #6B7280;--n400: #9CA3AF;--n300: #D1D5DB;--n200: #E5E7EB;--n100: #F3F4F6;--n50: #F9FAFB;--bg: #F7F8FC;--surface: #FFFFFF;--border: var(--n200);--text: var(--n900);--muted: var(--n500);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(17, 24, 39, .06);--shadow: 0 4px 12px rgba(17, 24, 39, .08);--shadow-lg: 0 12px 32px rgba(99, 102, 241, .16);--gradient: linear-gradient(135deg, #EEF2FF 0%, #F5F3FF 50%, #ECFEFF 100%);--font: "Inter Variable", Inter, system-ui, sans-serif;--h1: 700 48px/56px var(--font);--h2: 600 32px/40px var(--font);--h3: 600 24px/32px var(--font);--h4: 500 20px/28px var(--font);--body: 400 16px/24px var(--font);--small: 400 14px/20px var(--font);--caption: 400 12px/16px var(--font);--overline: 500 10px/14px var(--font);--sidebar-w: 240px;--topbar-h: 60px}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:var(--body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1{font:var(--h1);margin:0}h2{font:var(--h2);margin:0}h3{font:var(--h3);margin:0}h4{font:var(--h4);margin:0}p{margin:0}.small{font:var(--small)}.caption{font:var(--caption);color:var(--muted)}.overline{font:var(--overline);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted)}:root{--primary-600: color-mix(in srgb, var(--primary) 85%, black);--primary-100: color-mix(in srgb, var(--primary) 18%, white);--primary-50: color-mix(in srgb, var(--primary) 9%, white)}.layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;min-height:100%}.layout>.sidebar{grid-row:1 / span 2}.layout>.main{padding:24px;max-width:1200px;width:100%;min-width:0}.stack{display:grid;gap:16px}.row{display:flex;gap:12px;align-items:center}.grow{flex:1;min-width:0}.grid-tiles{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media(max-width:767px){.layout{grid-template-columns:1fr;grid-template-rows:var(--topbar-h) 1fr 64px}.layout>.sidebar{display:none}.layout>.main{padding:16px 16px 80px}.grid-tiles{grid-template-columns:1fr 1fr}}@media(min-width:768px){.bottom-tabs{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--radius-sm);border:1px solid transparent;font:500 14px/20px var(--font);cursor:pointer;transition:background .15s,box-shadow .15s;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-600)}.btn-secondary{background:var(--n100);color:var(--n800)}.btn-secondary:hover{background:var(--n200)}.btn-ghost{background:transparent;color:var(--n700);border-color:var(--border)}.btn-ghost:hover{background:var(--n50)}.btn-danger{background:var(--error);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-lg{height:48px;padding:0 24px;font-size:16px}.btn-sm{height:32px;padding:0 12px;font-size:13px}.field{display:grid;gap:6px;min-width:0}.field label{font:500 13px/18px var(--font);color:var(--n700)}.input{height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font:var(--small);color:var(--text);outline:none;width:100%}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.input.error{border-color:var(--error)}.field .error-text{font:var(--caption);color:var(--error)}.input-icon{position:relative}.input-icon>svg{position:absolute;left:12px;top:12px;width:16px;height:16px;color:var(--n400)}.input-icon .input{padding-left:36px}.badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:999px;font:500 12px/16px var(--font);background:var(--n100);color:var(--n700);white-space:nowrap}.badge-new,.badge-info{background:var(--primary-100);color:var(--primary-600)}.badge-active,.badge-success,.badge-completed{background:var(--success-100);color:#047857}.badge-draft,.badge-neutral{background:var(--n100);color:var(--n600)}.badge-paused,.badge-warning{background:var(--warning-100);color:#b45309}.badge-failed,.badge-error{background:var(--error-100);color:#b91c1c}.badge-beta{background:var(--accent-100);color:#0e7490}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);min-width:0}.card-hover{cursor:pointer;transition:all .15s}.card-hover:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.card-gradient{background:var(--gradient);border-color:transparent}.avatar{width:32px;height:32px;border-radius:50%;background:var(--n200);color:var(--n700);display:inline-flex;align-items:center;justify-content:center;font:600 12px/1 var(--font);overflow:hidden;flex:none}.avatar-ai{background:var(--primary);color:#fff}.stat{display:grid;gap:8px}.stat .value{font:700 28px/32px var(--font)}.stat .delta{font:var(--caption)}.stat .delta.up{color:#047857}.stat .delta.down{color:#b91c1c}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font:var(--small)}.table th{text-align:left;font:500 12px/16px var(--font);color:var(--muted);padding:8px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:12px;border-bottom:1px solid var(--n100);vertical-align:middle}.empty{text-align:center;padding:48px 24px;display:grid;gap:8px;justify-items:center}.empty>svg{width:40px;height:40px;color:var(--primary)}.spinner{width:28px;height:28px;border:3px solid var(--primary-100);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;inset:0;background:#11182766;display:grid;place-items:center;padding:16px;z-index:50}.modal{background:var(--surface);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:480px;box-shadow:var(--shadow-lg);display:grid;gap:16px}.toast-host{position:fixed;right:16px;top:16px;display:grid;gap:8px;z-index:60}.toast{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;box-shadow:var(--shadow);font:var(--small);display:flex;gap:10px;align-items:center;min-width:260px}.alert{display:flex;gap:10px;align-items:center;padding:10px 14px;border-radius:var(--radius-sm);font:var(--small)}.alert-success{background:var(--success-100)}.alert-info{background:var(--primary-50)}.alert-warning{background:var(--warning-100)}.alert-error{background:var(--error-100)}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--border)}.tab{padding:10px 0;font:500 14px/20px var(--font);color:var(--muted);border:0;border-bottom:2px solid transparent;background:none;cursor:pointer}.tab.active{color:var(--primary);border-color:var(--primary)}.dropdown{position:relative}.menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);min-width:180px;padding:6px;z-index:40;display:grid}.menu button{display:flex;gap:8px;align-items:center;padding:8px 10px;border:0;background:none;font:var(--small);text-align:left;border-radius:6px;cursor:pointer}.menu button:hover{background:var(--n50)}.icon-btn{width:36px;height:36px;border-radius:8px;border:0;background:none;display:grid;place-items:center;cursor:pointer;color:var(--n600);flex:none}.icon-btn:hover{background:var(--n100)}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column;gap:4px}.brand{display:flex;align-items:center;gap:10px;padding:8px 10px 20px;font:600 16px/1 var(--font)}.brand .mark{width:28px;height:28px;border-radius:8px;background:var(--primary);color:#fff;display:grid;place-items:center;font:700 14px/1 var(--font)}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);font:500 14px/20px var(--font);color:var(--n700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item svg{width:18px;height:18px;flex:none}.nav-item.active{background:var(--primary-50);color:var(--primary-600)}.nav-item:hover{background:var(--n50)}.sidebar .plan{margin-top:auto;padding:12px;border-radius:var(--radius-sm);background:var(--primary-50);font:var(--caption);color:var(--primary-600)}.topbar{background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 20px;min-width:0;overflow:hidden}.topbar .search{flex:1;max-width:420px;min-width:0}.topbar .user-label{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}@media(max-width:767px){.topbar{padding:0 12px;gap:6px}.topbar .search,.topbar .user-label{display:none}}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);flex:none}.status-dot.off{background:var(--error)}.status-dot.warn{background:var(--warning)}.status-dot.none{background:var(--n300)}.bottom-tabs{position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;z-index:30}.bottom-tabs a{display:grid;justify-items:center;gap:2px;font:var(--caption);color:var(--n600)}.bottom-tabs a.active{color:var(--primary)}.bottom-tabs svg{width:20px;height:20px}.feed{display:grid}.feed-row{display:grid;grid-template-columns:36px 1fr auto;gap:12px;padding:12px 8px;border-bottom:1px solid var(--n100);align-items:start;cursor:pointer}.feed-row:hover{background:var(--n50)}.feed-row .icon{width:32px;height:32px;border-radius:8px;background:var(--primary-50);color:var(--primary);display:grid;place-items:center}.feed-row .icon svg{width:16px;height:16px}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,100%);background:var(--surface);box-shadow:var(--shadow-lg);padding:24px;overflow:auto;z-index:45;display:grid;gap:16px;align-content:start}.chat{display:grid;grid-template-rows:1fr auto;height:calc(100dvh - var(--topbar-h) - 48px);min-height:320px}@media(max-width:767px){.chat{height:calc(100dvh - var(--topbar-h) - 64px - 32px)}}.chat .messages{overflow:auto;display:grid;gap:12px;align-content:start;padding-bottom:12px}.bubble{max-width:720px;padding:12px 14px;border-radius:var(--radius);font:var(--small);white-space:pre-wrap;overflow-wrap:anywhere}.bubble.user{background:var(--primary);color:#fff;justify-self:end}.bubble.agent{background:var(--surface);border:1px solid var(--border)}.bubble.tool{background:var(--n50);color:var(--n600);font:var(--caption);display:flex;gap:8px;align-items:center}.composer{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.composer textarea{flex:1;min-height:44px;max-height:160px;resize:vertical;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font:var(--small);font-family:var(--font)}.side-panel{position:fixed;top:var(--topbar-h);right:0;bottom:0;width:min(420px,100%);background:var(--surface);border-left:1px solid var(--border);padding:16px;z-index:35;display:grid;grid-template-rows:auto 1fr;gap:8px}.side-panel .chat{height:auto;min-height:0}.ops-bar{background:var(--warning-100);color:#92400e;font:var(--small);padding:6px 20px;text-align:center;margin:-24px -24px 16px}@media(max-width:767px){.ops-bar{margin:-16px -16px 16px}}.json-editor{width:100%;min-height:420px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);white-space:pre;overflow:auto;background:var(--surface)}.step-indicator{display:flex;gap:24px}.step{display:grid;justify-items:center;gap:6px;font:var(--caption)}.step .num{width:28px;height:28px;border-radius:50%;background:var(--n200);color:var(--n700);display:grid;place-items:center;font:600 12px/1 var(--font)}.step.active .num{background:var(--primary);color:#fff}.progress{height:8px;background:var(--n200);border-radius:999px;overflow:hidden}.progress>div{height:100%;background:var(--primary)}.center-page{min-height:100%;display:grid;place-items:center;padding:16px;background:var(--gradient)}.chat-layout{display:grid;grid-template-columns:minmax(0,240px) 1fr;gap:16px}@media(max-width:767px){.chat-layout{grid-template-columns:1fr}.chat-layout>.card{display:none}}