:root{--vh:100vh;--navy:#071526;--blue:#123a62;--gold:#d6a84f;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--panel:#fff;--soft:#f8fafc;--danger:#ef4444;--ok:#16a34a;--warn:#d97706}*{box-sizing:border-box}body{color:var(--ink);background:#eef3f8;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}.app-shell{height:var(--vh);background:linear-gradient(135deg,#eef3f8,#f8fafc);grid-template-columns:280px minmax(0,1fr);display:grid;overflow:hidden}.sidebar{color:#fff;background:linear-gradient(#071526,#102846);flex-direction:column;gap:10px;padding:22px 16px;display:flex;overflow:auto}.brand{align-items:center;gap:12px;margin-bottom:10px;display:flex}.logo,.topbar-logo{object-fit:cover;background:#d6a84f;border-radius:16px;width:46px;height:46px}.brand h1{letter-spacing:.12em;margin:0;font-size:24px}.brand p,.hint{color:#b8c7d9;margin:0;font-size:13px}.sidebar button,.area-tabs button,.top-area-tabs button,.mobile-tabs button{color:#dbeafe;text-align:left;cursor:pointer;background:#ffffff0f;border:0;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;font-weight:800;display:flex}.sidebar button.active,.area-tabs button.active{color:#fff;background:linear-gradient(135deg,#d6a84f,#2563eb)}.area-tabs{border-bottom:1px solid #ffffff1f;grid-template-columns:1fr;gap:8px;margin:4px 0 12px;padding-bottom:12px;display:grid}.section-label{color:#f6d88a;letter-spacing:.08em;text-transform:uppercase;margin:6px 0 2px;font-size:12px;font-weight:1000}.main{height:var(--vh);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid;position:relative}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:4;background:#ffffffdb;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 22px;display:flex}.topbar-title{align-items:flex-start;gap:14px;min-width:0;display:flex}.topbar h2{letter-spacing:-.03em;margin:4px 0;font-size:30px}.topbar p{color:var(--muted);margin:0}.top-area-tabs{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.top-area-tabs button{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:8px 11px;font-size:13px}.top-area-tabs button.active{color:#fff;background:#071526;border-color:#071526}.topbar-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.topbar-actions span,.state,.file-chip{color:#334155;background:#eef2ff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:900}.mobile-menu-select{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:9px}.workspace{min-height:0;padding:20px 22px 120px;overflow:auto}.dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.panel,.card{border:1px solid var(--line);background:#fff;border-radius:24px;min-width:0;padding:18px;box-shadow:0 18px 50px #0f172a14}.panel h2,.panel h3,.panel h4,.card h3{margin:0 0 6px}.panel p,.card p{color:var(--muted)}.cards,.kpi-grid,.phase-summary-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.card small,.compact-row span,.compact-row small,.row em{color:var(--muted);font-weight:800}.card strong{margin-top:6px;font-size:26px;display:block}.list,.compact-list,.timeline-list{gap:10px;display:grid}.row,.compact-row,.timeline-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;gap:12px;padding:13px;display:flex}.compact-row{align-items:flex-start}.quick{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quick button,.panel-header button,.composer button{color:#fff;cursor:pointer;background:#123a62;border:0;border-radius:12px;padding:10px 12px;font-weight:900}.state.done,.state.active{color:#166534;background:#dcfce7}.state.pending,.state.draft{color:#92400e;background:#fef3c7}.state.blocked,.state.error{color:#991b1b;background:#fee2e2}.state.running{color:#1d4ed8;background:#dbeafe}.agent-admin-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.agent-admin-form label{color:#334155;gap:6px;font-weight:900;display:grid}.agent-admin-form input,.agent-admin-form textarea{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:10px}.agent-admin-form textarea{resize:vertical;min-height:92px}.thread{max-height:calc(var(--vh) - 240px);background:#f8fafc;border-radius:20px;gap:10px;padding:12px;display:grid;overflow:auto}.bubble{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:860px;padding:13px 15px}.bubble.user{color:#fff;background:#123a62;margin-left:auto}.bubble small{color:#64748b;font-weight:900}.bubble.user small{color:#dbeafe}.composer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);z-index:5;background:#ffffffeb;border-radius:22px;align-items:center;gap:10px;padding:10px;display:flex;position:absolute;bottom:18px;left:22px;right:22px;box-shadow:0 20px 60px #0f172a24}.composer textarea{resize:none;border:1px solid #cbd5e1;border-radius:16px;flex:1;min-height:46px;max-height:140px;padding:12px}.file-chip input{display:none}.chat-fab{color:#fff;z-index:6;background:#071526;border:0;border-radius:999px;padding:14px 18px;font-weight:1000;position:absolute;bottom:96px;right:22px;box-shadow:0 18px 40px #07152647}.mobile-tabs{display:none}.hint-card{color:#64748b;background:#f8fafc;border-radius:16px;padding:14px}@media (width<=1100px){.app-shell{grid-template-columns:230px 1fr}.dashboard{grid-template-columns:1fr}.span-2{grid-column:span 1}.topbar h2{font-size:24px}}@media (width<=820px){body{overflow:hidden}.app-shell{height:var(--vh);grid-template-columns:1fr;overflow:hidden}.sidebar{display:none}.main{height:var(--vh)}.topbar{align-items:flex-start;padding:12px}.topbar-logo{border-radius:12px;width:38px;height:38px}.topbar h2{font-size:21px}.topbar p{font-size:13px}.top-area-tabs{gap:6px}.top-area-tabs button{padding:7px 8px;font-size:12px}.topbar-actions{min-width:110px}.mobile-menu-select{width:100%;font-size:12px}.workspace{-webkit-overflow-scrolling:touch;padding:12px 12px 186px}.panel,.card{border-radius:20px;padding:14px}.panel-header,.row,.compact-row{flex-direction:column}.cards,.kpi-grid,.phase-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.composer{border-radius:18px;grid-template-columns:auto 1fr auto;display:grid;bottom:10px;left:10px;right:10px}.composer textarea{order:-1;grid-column:1/-1;width:100%}.chat-fab{bottom:104px;right:12px}.mobile-tabs{z-index:3;background:linear-gradient(#0000,#f8fafcf2);gap:8px;padding:8px 10px 96px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:auto}.mobile-tabs button{white-space:nowrap;color:#334155;background:#fff;border:1px solid #cbd5e1}.mobile-tabs button.active{color:#fff;background:#071526}.thread{max-height:calc(var(--vh) - 240px)}}@media (width<=430px){.cards,.kpi-grid,.phase-summary-cards{grid-template-columns:1fr}.topbar-title{gap:9px}.topbar h2{font-size:19px}.composer{grid-template-columns:1fr auto}.file-chip{display:none}}@media (width<=820px){.view-chat .workspace{overflow:hidden}.area-chat .composer{bottom:10px}.area-chat .mobile-tabs{display:none}.mobile-menu-select{display:block}.topbar-actions span{display:inline-flex}.dashboard{padding-bottom:20px}.agent-admin-form{grid-template-columns:1fr}.quick button{min-height:40px}.compact-list{gap:12px}.workspace .panel:last-child{margin-bottom:20px}.topbar-logo,.logo{background:#071526;border:1px solid #d6a84f59}.mobile-tabs{z-index:7;background:#fffffff0;border-radius:24px;gap:8px;padding:10px;display:flex;bottom:92px;left:10px;right:10px;overflow-x:auto;box-shadow:0 16px 44px #0f172a2e}.mobile-tabs button{text-align:center;color:#334155;background:#fff;border:1px solid #cbd5e1;flex:none;justify-content:center;min-width:92px}.mobile-tabs button.active{color:#fff;background:#071526}.view-chat .mobile-tabs{display:none}.view-chat .composer{bottom:10px}.view-chat .workspace{padding-bottom:92px}}@media (width<=520px){.app-shell{background:#f8fafc}.topbar{gap:10px}.topbar-title{min-width:0}.topbar p{display:none}.topbar-actions{align-items:flex-start}.mobile-menu-select{max-width:124px}.workspace{padding:10px 10px 210px}.composer{gap:8px;padding:8px}.mobile-tabs{bottom:94px}.chat-fab{bottom:162px}.view-chat .workspace{padding-bottom:96px}}.auth-shell{color:#f7f9fc;background:radial-gradient(circle at top,#15213a 0,#09111f 45%,#050913 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#0c1423f0;border:1px solid #ffffff1f;border-radius:22px;gap:16px;width:min(100%,420px);padding:32px;display:grid;box-shadow:0 24px 70px #00000073}.auth-card>img:not(.auth-qr){object-fit:contain;width:76px;height:76px}.auth-card h1{margin:0;font-size:1.8rem}.auth-card p{color:#b7c1d4;margin:0;line-height:1.5}.auth-card label{gap:8px;font-weight:700;display:grid}.auth-card input{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:#0a1322;border:1px solid #34435d;border-radius:12px;padding:13px 14px}.auth-card button{color:#09111f;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:12px;padding:13px 16px;font-weight:800}.auth-card button:disabled{opacity:.55;cursor:wait}.auth-card .auth-secondary{color:#d8dfec;background:0 0;border:1px solid #44516a}.auth-card .auth-link{color:#bcd0ff;text-underline-offset:3px;background:0 0;padding:4px 0;text-decoration:underline}.auth-error,.auth-notice{border-radius:10px;padding:12px;line-height:1.45}.auth-error{color:#ffd6db;background:#91223133;border:1px solid #a94d58}.auth-notice{color:#d9ffec;background:#1f6f4e33;border:1px solid #3e7d65}.auth-qr{background:#fff;border-radius:14px;justify-self:center;width:min(100%,260px);padding:10px}.auth-secret{overflow-wrap:anywhere;color:#dce7ff;text-align:center;background:#050a12;border-radius:10px;padding:10px;display:block}@media (width<=520px){.auth-shell{padding:14px}.auth-card{border-radius:18px;padding:24px}}body{color:#fff;background:radial-gradient(circle at 0 0,#3a77ff3d,#0000 34vw),radial-gradient(circle at 80% 10%,#23d19d29,#0000 30vw),#050815;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.page{flex-direction:column;gap:22px;width:min(1480px,100% - 48px);min-height:100vh;margin:0 auto;padding:28px 0 48px;display:flex}.control-center{position:relative}.premium-header,.hero,.panel,.card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #85adff2e;box-shadow:0 20px 80px #00000038}.premium-header,.hero{background:linear-gradient(135deg,#121e3aeb,#080f20e0);border-radius:34px;justify-content:space-between;align-items:flex-end;gap:20px;padding:clamp(26px,4vw,52px);display:flex}.hero,.panel,.card{background:#0f182cd1;border-radius:24px}.hero{padding:44px}.eyebrow{color:#8fd3ff;text-transform:uppercase;letter-spacing:.18em;font-weight:700}h1{letter-spacing:-.08em;margin:0;font-size:clamp(54px,9vw,112px);line-height:.85}h2,h3,h4,p{margin-top:0}.lead{color:#d7e6f8;max-width:760px;font-size:clamp(17px,2vw,22px)}.header-status,.status,.state{background:#16304ce6;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.header-status{flex-direction:column;align-items:flex-end;min-width:160px}.header-status strong{font-size:20px}.state.done,.state.active{background:#123b2d}.state.running,.state.info{background:#16304c}.state.pending{background:#3b3212}.state.blocked,.state.failed,.state.error{background:#4a1720}.premium-tabs{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060c1cd1;border:1px solid #85adff26;border-radius:22px;gap:10px;padding:10px;display:flex;position:sticky;top:10px;overflow-x:auto}.premium-tabs button,.panel-header button,.quick button,.decision-actions button,.chat-form button{color:#fff;background:#225986e0;border:0;border-radius:14px;padding:10px 14px}.premium-tabs button{white-space:nowrap;color:#b8c8e4;background:0 0}.premium-tabs button.active{color:#fff;background:linear-gradient(135deg,#2b7bc7,#44b7a1)}.command-strip,.grid,.cards,.kpi-grid,.premium-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.command-card,.card,.panel{padding:22px}.command-card{background:#091226d6;border:1px solid #85adff24;border-radius:22px}.command-card span,.card span,.card small,.row em,.compact-row span,.compact-row small,.node span,.node small,.muted{color:#9fb5d1}.command-card strong,.card strong{margin-top:8px;font-size:24px;display:block}.premium-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.span-2{grid-column:span 2}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.list,.compact-list,.timeline-list,.agent-live-grid{gap:10px;display:grid}.row,.compact-row,.timeline-row,.node,.agent-live-card{background:#050a16c2;border-radius:16px;justify-content:space-between;gap:16px;padding:14px;display:flex}.compact-row,.node,.agent-live-card{flex-direction:column}.quick,.decision-actions,.chat-form{flex-wrap:wrap;gap:10px;display:flex}.chat-panel .thread{background:#030710db;border-radius:20px;gap:10px;max-height:min(52vh,520px);padding:12px;display:grid;overflow:auto}.bubble{background:#14223a;border-radius:16px;max-width:820px;padding:12px 14px}.bubble.user{background:#1d3b5c;margin-left:auto}.bubble small{color:#8fd3ff}.bubble p{white-space:pre-wrap;margin:6px 0 0}.chat-form{margin-top:14px}.chat-form input[type=text],.chat-form input:not([type]){flex:1}.chat-form input{color:#fff;background:#0b1222;border:1px solid #26344f;border-radius:12px;min-width:180px;padding:10px 12px}.mini-progress span{background:#17243a;border-radius:999px;height:8px;display:block;overflow:hidden}.mini-progress i{background:#8fd3ff;height:100%;display:block}@media (width<=1024px){.page{width:min(100% - 28px,940px)}.premium-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}}@media (width<=720px){.page{gap:14px;width:calc(100% - 20px);padding:10px 0 28px}.premium-header,.hero{border-radius:26px;flex-direction:column;align-items:flex-start;padding:24px}.header-status{align-items:flex-start;width:100%}.premium-tabs{border-radius:18px;top:6px}.panel,.card,.command-card{border-radius:20px;padding:16px}.panel-header,.row,.timeline-row{flex-direction:column}.chat-form input{width:100%}}