@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";:root{--bg:#f6f6f4;--surface:#fff;--surface-strong:#1d1d1f;--ink:#1d1d1f;--muted:#747479;--line:#e7e3df;--accent:#ff7351;--accent-dark:#e66341;--secondary:#f96ab1;--success:#168a4a;--danger:#d84a3a;--shadow:0 18px 50px #1d1d1f14}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;height:100%;min-height:100%}body{height:100%;min-height:100%;color:var(--ink);letter-spacing:0;background:linear-gradient(135deg, #ff73511f, transparent 34%), linear-gradient(315deg, #f96ab114, transparent 36%), var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Montserrat,system-ui,sans-serif}#root{height:100%}button,textarea{font:inherit}button{border:0}.app-shell{flex-direction:column;width:min(1480px,100% - 32px);height:100vh;min-height:100vh;margin:0 auto;padding:18px 0;display:flex;overflow:hidden}.auth-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{width:min(100%,430px);box-shadow:var(--shadow);background:linear-gradient(135deg,#ff73511f,#0000 42%),#fff;border:1px solid #e7e3dff2;border-radius:8px;padding:28px}.loading-card{justify-content:space-between;align-items:center;display:flex}.auth-brand{margin-bottom:24px}.login-form{gap:14px;display:grid}.login-form label{gap:7px;display:grid}.login-form label span{color:var(--muted);font-size:.76rem;font-weight:800}.input-shell{border:1px solid var(--line);background:#fbfaf9;border-radius:8px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;min-height:48px;padding:0 13px;display:grid}.input-shell svg{color:var(--accent-dark)}.input-shell input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0}.input-shell:focus-within{border-color:#ff7351a6;box-shadow:0 0 0 3px #ff73511f}.auth-error{margin-top:0}.seed-hint{background:#fff9f5;border:1px solid #ff735147;border-radius:8px;gap:6px;padding:12px;font-size:.78rem;line-height:1.35;display:grid}.seed-hint strong{color:var(--ink)}.seed-hint span{color:var(--muted)}.seed-hint code{overflow-wrap:anywhere;color:#6e2d1b;background:#fff0e9;border-radius:8px;padding:9px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.73rem;display:block}.login-button{color:#fff;background:var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-weight:800;transition:transform .16s,background .16s;display:inline-flex}.login-button:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px)}.login-button:disabled{cursor:default;opacity:.55}.topbar{flex:none;justify-content:space-between;align-items:center;gap:16px;padding:14px 0 18px;display:flex}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--accent), var(--secondary));border-radius:8px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:1.35rem;font-weight:800;display:grid;box-shadow:0 14px 32px #ff735140}.eyebrow{color:var(--accent-dark);text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}h1,h2{letter-spacing:0;margin:0;line-height:1.1}h1{font-size:1.6rem;font-weight:800}h2{margin-top:3px;font-size:1.35rem;font-weight:800}.system-strip{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.status-pill,.icon-button,.ghost-button,.mini-button{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#ffffffc2;border-radius:8px;justify-content:center;align-items:center;gap:8px;display:inline-flex;box-shadow:0 10px 28px #1d1d1f0d}.status-pill{white-space:nowrap;text-overflow:ellipsis;max-width:210px;padding:0 12px;font-size:.78rem;font-weight:700;overflow:hidden}.status-pill.active{color:var(--success);border-color:#168a4a40}.status-pill.inactive{color:var(--muted)}.icon-button,.mini-button{width:38px;color:var(--muted);transition:transform .16s,border-color .16s,color .16s}.icon-button:hover,.mini-button:hover{color:var(--accent-dark);border-color:#ff735166;transform:translateY(-1px)}.workspace{flex:auto;grid-template-columns:minmax(220px,290px) minmax(0,1fr) minmax(250px,330px);align-items:stretch;gap:16px;min-height:0;display:grid}.operations-panel,.chat-panel,.tasks-panel{min-width:0;min-height:0;box-shadow:var(--shadow);background:#ffffffdb;border:1px solid #e7e3dfe6;border-radius:8px;overflow:hidden}.operations-panel,.tasks-panel{padding:18px;overflow-y:auto}.panel-heading{color:var(--ink);align-items:center;gap:8px;margin-bottom:16px;font-size:.86rem;font-weight:800;display:flex}.panel-heading.split{justify-content:space-between}.panel-heading.split span,.panel-heading.compact{align-items:center;gap:8px;display:inline-flex}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.metric{border:1px solid var(--line);background:#fffaf7;border-radius:8px;align-content:space-between;min-height:92px;padding:12px;display:grid}.metric span{color:var(--accent-dark)}.metric strong{margin-top:8px;font-size:1.5rem;line-height:1}.metric small{color:var(--muted);font-size:.68rem;font-weight:700}.setup-warning{color:#8d2d24;background:#fff3f0;border:1px solid #d84a3a38;border-radius:8px;align-items:flex-start;gap:10px;margin-top:16px;padding:12px;font-size:.82rem;font-weight:600;line-height:1.35;display:flex}.quick-actions{gap:8px;margin-top:16px;display:grid}.quick-actions button{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);text-align:left;background:#fff;border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;padding:11px 12px;transition:transform .16s,border-color .16s,background .16s;display:grid}.quick-actions button span{font-size:.78rem;font-weight:700;line-height:1.25;overflow:hidden}.quick-actions button svg{color:var(--accent-dark)}.quick-actions button:hover:not(:disabled){background:#fff9f5;border-color:#ff73516b;transform:translateY(-1px)}.quick-actions button:disabled{cursor:default;opacity:.58}.chat-panel{grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.chat-header{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#ff73511a,#0000 48%),#fff;justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.ghost-button{min-width:94px;color:var(--muted);padding:0 12px;font-size:.78rem;font-weight:800;transition:color .16s,border-color .16s}.ghost-button:hover{color:var(--accent-dark);border-color:#ff735161}.message-list{background:linear-gradient(#ffffffbd,#fffaf7b3),radial-gradient(circle at 2px 2px,#1d1d1f0b 1px,#0000 0) 0 0/24px 24px;flex-direction:column;gap:14px;min-height:0;padding:18px;display:flex;overflow-y:auto}.message-row{align-items:flex-end;gap:10px;min-width:0;display:flex}.message-row.progress-row{align-items:flex-start}.message-row.user{justify-content:flex-end}.avatar{color:#fff;background:var(--surface-strong);border-radius:8px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.bubble{border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;max-width:min(660px,86%);color:var(--ink);background:#fff;border-radius:8px;padding:13px 14px;font-size:.94rem;line-height:1.55;box-shadow:0 10px 24px #1d1d1f0f}.markdown-body{white-space:normal}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote,.markdown-body pre,.markdown-body table{margin:0 0 .75rem}.markdown-body ul,.markdown-body ol{padding-left:1.25rem}.markdown-body li+li{margin-top:.24rem}.markdown-body a{color:var(--accent-dark);font-weight:700}.markdown-body code{background:#f2efec;border-radius:6px;padding:.1rem .28rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em}.markdown-body pre{color:#f7f2ef;background:#242327;border-radius:8px;max-width:100%;padding:12px;overflow-x:auto}.markdown-body pre code{color:inherit;background:0 0;padding:0}.markdown-body blockquote{color:var(--muted);border-left:3px solid #ff73518c;padding-left:12px}.markdown-body table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.markdown-body th,.markdown-body td{border:1px solid var(--line);text-align:left;padding:7px 9px}.message-row.user .markdown-body a{color:#fff}.message-row.user .markdown-body code{background:#ffffff2e}.message-row.user .markdown-body blockquote{color:#ffffffdb;border-left-color:#ffffff8c}.agent-progress{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;width:min(560px,86%);padding:13px 14px;display:grid;box-shadow:0 10px 24px #1d1d1f0f}.agent-progress-title{color:var(--accent-dark);align-items:center;gap:8px;font-size:.78rem;font-weight:800;display:inline-flex}.agent-event-list{gap:8px;display:grid}.agent-event{grid-template-columns:18px minmax(0,1fr);align-items:start;gap:9px;display:grid}.agent-event-icon{width:18px;height:18px;color:var(--accent-dark);place-items:center;display:grid}.agent-event.done .agent-event-icon{color:var(--success)}.agent-event.error .agent-event-icon{color:var(--danger)}.agent-event strong,.agent-event small{display:block}.agent-event strong{font-size:.76rem}.agent-event small{color:var(--muted);margin-top:2px;font-size:.72rem;line-height:1.35}.message-row.user .bubble{color:#fff;background:var(--accent);border-color:#ff73518c}.bubble.typing{align-items:center;gap:6px;min-width:72px;display:inline-flex}.bubble.typing span{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite pulse}.bubble.typing span:nth-child(2){animation-delay:.12s}.bubble.typing span:nth-child(3){animation-delay:.24s}.composer{border-top:1px solid var(--line);background:#fff;grid-template-columns:minmax(0,1fr) 48px;gap:10px;padding:14px;display:grid}.composer textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:48px;max-height:140px;color:var(--ink);background:#fbfaf9;border-radius:8px;outline:0;padding:13px 14px;line-height:1.35}.composer textarea:focus{border-color:#ff7351a6;box-shadow:0 0 0 3px #ff73511f}.composer button{color:#fff;background:var(--ink);border-radius:8px;place-items:center;min-height:48px;transition:transform .16s,background .16s;display:grid}.composer button:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px)}.composer button:disabled{cursor:default;opacity:.45}.task-list{gap:9px;min-height:0;display:grid}.task-pagination{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:12px;display:flex}.task-pagination button{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:#fff;border-radius:8px;place-items:center;transition:color .16s,border-color .16s,transform .16s;display:grid}.task-pagination button:hover:not(:disabled){color:var(--accent-dark);border-color:#ff73516b;transform:translateY(-1px)}.task-pagination button:disabled{cursor:default;opacity:.42}.task-pagination span{color:var(--muted);font-size:.72rem;font-weight:800}.task-row{border:1px solid var(--line);color:inherit;background:#fff;border-radius:8px;gap:10px;padding:12px;text-decoration:none;transition:transform .16s,border-color .16s;display:grid}.task-row:hover{border-color:#ff73516b;transform:translateY(-1px)}.task-topline{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.task-topline strong{overflow-wrap:anywhere;min-width:0;font-size:.86rem;line-height:1.3}.task-topline svg{color:var(--muted);flex:none}.task-meta{flex-wrap:wrap;gap:6px;display:flex}.badge{text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;max-width:100%;min-height:24px;padding:0 8px;font-size:.68rem;font-weight:800;display:inline-flex;overflow:hidden}.badge.orange{color:#9d3f24;background:#fff0e9}.badge.green{color:#176c3d;background:#eaf8f0}.badge.red{color:#9f2f22;background:#ffebe7}.badge.neutral{color:#55555b;background:#f0eeeb}.task-date{color:var(--muted);align-items:center;gap:6px;font-size:.74rem;font-weight:700;display:inline-flex}.empty-state{border:1px dashed var(--line);min-height:150px;color:var(--muted);border-radius:8px;place-items:center;gap:8px;font-size:.82rem;font-weight:700;display:grid}.activity-feed{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.panel-heading.compact{margin-bottom:10px}.muted{color:var(--muted);margin:0;font-size:.8rem;line-height:1.45}.activity-item{border-bottom:1px solid #f0eeeb;grid-template-columns:10px minmax(0,1fr);align-items:start;gap:10px;padding:9px 0;display:grid}.activity-item:last-child{border-bottom:0}.activity-item strong,.activity-item small{display:block}.activity-item strong{font-size:.78rem}.activity-item small{color:var(--muted);margin-top:3px;font-size:.72rem;line-height:1.35}.dot{border-radius:50%;width:8px;height:8px;margin-top:5px}.dot.success{background:var(--success)}.dot.danger{background:var(--danger)}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media (width<=1120px){#root{height:auto}.app-shell{height:auto;min-height:100vh;overflow:visible}.workspace{grid-template-columns:1fr;min-height:auto}.operations-panel,.tasks-panel{order:2;overflow:visible}.chat-panel{order:1;grid-template-rows:auto minmax(420px,58vh) auto;min-height:min(720px,100vh - 120px)}}@media (width<=720px){.app-shell{width:min(100% - 20px,1480px);padding-top:10px}.topbar,.chat-header{flex-direction:column;align-items:flex-start}.system-strip{justify-content:flex-start}.status-pill{max-width:calc(100vw - 96px)}h1{font-size:1.35rem}h2{font-size:1.16rem}.metric-grid{grid-template-columns:1fr}.chat-panel{grid-template-rows:auto minmax(430px,62vh) auto}.message-list{padding:14px}.bubble{max-width:92%;font-size:.88rem}.composer{grid-template-columns:minmax(0,1fr) 46px;padding:10px}}
