:root{--bg: #f6f7f9;--panel: #ffffff;--text: #1b1f24;--muted: #667085;--border: #d9dde3;--accent: #2f5bea;--ok: #1a7f37;--warn: #9a6700;--bad: #c62828;--info: #0b6bcb;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #0f1216;--panel: #171b21;--text: #e6e9ee;--muted: #98a2b3;--border: #2b313a;--accent: #6d8dff;--ok: #4ac26b;--warn: #d4a72c;--bad: #ff6b6b;--info: #58a6ff;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0}nav{display:flex;flex-wrap:wrap;gap:4px;flex:1}main{padding:16px;max-width:1400px;margin:0 auto}button{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:6px 12px;cursor:pointer;font:inherit}button.secondary,nav button{background:transparent;color:var(--text);border:1px solid var(--border)}nav button.active{background:var(--accent);color:#fff;border-color:var(--accent)}button.danger{background:var(--bad)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font:inherit;max-width:100%}textarea{width:100%;min-height:80px}form input:not([type=checkbox]),form select{margin:4px 0}table{width:100%;border-collapse:collapse;background:var(--panel);margin:8px 0 20px;display:block;overflow-x:auto}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);vertical-align:top}tbody tr:hover{background:color-mix(in srgb,var(--accent) 6%,transparent);cursor:default}tr.sel{background:color-mix(in srgb,var(--accent) 14%,transparent)}pre{white-space:pre-wrap;word-break:break-word;margin:4px 0}.badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;border:1px solid var(--border)}.badge.ok{color:var(--ok);border-color:var(--ok)}.badge.warn{color:var(--warn);border-color:var(--warn)}.badge.bad{color:var(--bad);border-color:var(--bad)}.badge.info{color:var(--info);border-color:var(--info)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column}.card b{font-size:24px}.card span,.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,Menlo,Consolas,monospace}.box,.detail,.result{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px;margin-bottom:12px}.row,.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}@media (max-width: 900px){.split{grid-template-columns:1fr}}.error{color:var(--bad);margin:6px 0}.warnbox{border:1px solid var(--warn);padding:8px;border-radius:6px;margin-top:8px;word-break:break-all}.login{max-width:380px;margin:12vh auto;background:var(--panel);padding:24px;border-radius:10px;border:1px solid var(--border)}.login input{width:100%;margin:6px 0 12px}.desc{background:var(--bg);padding:8px;border-radius:6px}.projects-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px}.projects-sidebar,.projects-main{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.projects-sidebar{display:flex;flex-direction:column;align-items:stretch;gap:8px}.projects-sidebar button{text-align:left}.projects-sidebar button.active-project{background:var(--accent);color:#fff}.agent-chips{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:750px){.projects-layout{grid-template-columns:1fr}}:root{--bg:#080e1b;--panel:#111b2e;--text:#eaf2ff;--muted:#91a4c2;--border:#263852;--accent:#3688ff;--ok:#38d5a0;--warn:#ffbd59;--bad:#ff6d87;--info:#55c8ff;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#080e1b;--panel:#111b2e;--text:#eaf2ff;--muted:#91a4c2;--border:#263852;--accent:#3688ff;--ok:#38d5a0;--warn:#ffbd59;--bad:#ff6d87;--info:#55c8ff;color-scheme:dark}}body{background:radial-gradient(ellipse 80% 40% at 50% -10%,#183866 0%,transparent 75%),var(--bg);min-height:100vh;letter-spacing:.005em}header{background:#0c1628f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #294061;box-shadow:0 8px 28px #0004;padding:14px 24px;z-index:10}header strong{font-size:17px;letter-spacing:.07em;color:#f5f9ff;text-shadow:0 0 22px #3688ff55}header nav{gap:7px}nav button{border-color:transparent!important;background:#192840!important;padding:9px 15px;border-radius:9px;font-weight:600;color:#b6c9e6!important;transition:background .2s,transform .2s}nav button:hover{background:#284367!important;transform:translateY(-1px)}nav button.active{background:linear-gradient(125deg,#2875ed,#5b9dff)!important;color:#fff!important;box-shadow:0 4px 20px #2875ed55}main{max-width:1550px;padding:26px 24px 48px}h2,h3,h4{letter-spacing:.01em;color:#f4f8ff}h3{margin-top:24px;margin-bottom:12px}button{border-radius:9px;padding:9px 15px;font-weight:600;transition:filter .2s,transform .2s}button:hover:not(:disabled){filter:brightness(1.15)}button.secondary{background:#1b2b45;border-color:#2d4260;color:#d4e5ff}input,select,textarea{background:#0c1729;border:1px solid #304563;border-radius:9px;padding:10px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:#549bff;box-shadow:0 0 0 3px #3688ff22}.cards{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px}.card{background:linear-gradient(150deg,#172944,#101b2e);border:1px solid #2c4261;border-radius:15px;padding:20px;min-height:110px;box-shadow:0 12px 28px #0003;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2c86ff,#5fe0ec)}.card b{font-size:30px;line-height:1.3;color:#fff;font-weight:750}.card span{font-size:12px;margin-top:8px}table{background:#101b2e;border:1px solid #293b55;border-radius:12px;box-shadow:0 10px 25px #0002}th{background:#1a2b45;color:#b6d8ff;font-size:12px;text-transform:uppercase;letter-spacing:.045em;padding:13px 12px}td{padding:11px 12px;border-color:#23344d}tbody tr:hover{background:#203756}.badge{border-radius:20px;padding:3px 9px;font-weight:600;background:#1a2940}.badge.ok{background:#123d35}.badge.warn{background:#40331e}.badge.bad{background:#442537}.badge.info{background:#163d58}.box,.detail,.result,.projects-sidebar,.projects-main{background:linear-gradient(145deg,#14223a,#101a2c);border:1px solid #2b405d;border-radius:15px;padding:20px;box-shadow:0 14px 35px #0003}.projects-layout{grid-template-columns:minmax(220px,270px) minmax(0,1fr);gap:20px}.projects-sidebar{gap:10px}.projects-sidebar h3{margin-top:0}.projects-sidebar button{padding:13px 14px;border-radius:10px}.projects-sidebar button.active-project{background:linear-gradient(100deg,#2674e8,#418dff);box-shadow:0 4px 18px #2674e84a}.projects-main h2{margin-top:0;font-size:25px}.agent-chips{gap:10px}.agent-chips .badge{padding:8px 12px}.login{background:linear-gradient(145deg,#162640,#0f1a2d);border:1px solid #334c6c;border-radius:18px;box-shadow:0 25px 75px #0008;padding:30px}.login h1{letter-spacing:.06em;color:#fff}.login button{width:100%;padding:11px}.desc{background:#0b1526}@media (max-width:850px){header{padding:12px}main{padding:16px 12px}.projects-layout{grid-template-columns:1fr}.cards{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.card{padding:14px;min-height:95px}nav button{padding:8px 10px}}.conversation-log{min-height:230px;max-height:520px;overflow-y:auto;background:#0b1526;border:1px solid #263b56;border-radius:13px;padding:16px;display:flex;flex-direction:column;gap:12px}.conversation-entry{background:#162943;border:1px solid #29435e;border-radius:12px;padding:12px 15px;max-width:94%;overflow-wrap:anywhere}.conversation-entry p{white-space:pre-wrap;margin:8px 0}.conversation-compose{display:flex;flex-direction:column;gap:8px;margin-top:18px;padding:16px;background:#101e32;border:1px solid #2b405d;border-radius:12px}.conversation-compose textarea{min-height:90px}.conversation-compose button{align-self:flex-start}