:root{--bg: #0b0c10;--bg-elev: #12141a;--bg-panel: #161922;--border: #2a2f3a;--text: #e8eaef;--muted: #9aa3b5;--accent: #7c5cff;--accent-2: #ff5c8a;--ok: #3dd68c;--warn: #f5c542;--danger: #ff6b6b;--radius: 10px;--font: "Inter", "SF Pro Text", system-ui, -apple-system, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%,rgba(124,92,255,.18),transparent 55%),radial-gradient(900px 500px at 90% 0%,rgba(255,92,138,.12),transparent 50%),var(--bg);color:var(--text);font-size:13px;line-height:1.45}button,input,textarea,select{font:inherit;color:inherit}.app-shell{display:grid;grid-template-columns:280px 1fr;height:100%;min-height:100vh}.prompt-inspector{border-right:1px solid var(--border);background:#12141aeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px;overflow:auto}.main-col{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);background:#0b0c10bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-weight:700;letter-spacing:.02em;white-space:nowrap}.brand span{color:var(--accent)}.office-rail{display:flex;gap:6px;overflow-x:auto;flex:1;padding-bottom:2px}.office-chip{border:1px solid var(--border);background:var(--bg-elev);border-radius:999px;padding:6px 10px;white-space:nowrap;cursor:pointer;color:var(--muted)}.office-chip.active{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 1px #7c5cff59}.office-chip.soon{opacity:.55;cursor:default}.content{padding:12px 14px 24px;overflow:auto;flex:1}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.tile{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.tile .label{color:var(--muted);font-size:11px}.tile .value{font-size:20px;font-weight:700;margin-top:4px}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;margin-bottom:10px}.panel h2,.panel h3{margin:0 0 8px;font-size:14px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.stack{display:flex;flex-direction:column;gap:6px}.btn{border:1px solid var(--border);background:#1c2030;border-radius:8px;padding:6px 10px;cursor:pointer}.btn:hover{border-color:#3d4558}.btn.primary{background:linear-gradient(135deg,#6a4dff,#8b5cff);border-color:transparent;color:#fff;font-weight:600}.btn.danger{border-color:#5a2a2a;color:#ffb4b4}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.textarea,.select{width:100%;background:#0f1117;border:1px solid var(--border);border-radius:8px;padding:7px 9px}.textarea{min-height:90px;resize:vertical}.muted{color:var(--muted)}.tiny{font-size:11px}.err{color:var(--danger)}.ok{color:var(--ok)}.topic-card{border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:#10131a}.topic-card.selected{border-color:var(--accent)}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kanban-col{background:#0f1218;border:1px solid var(--border);border-radius:8px;padding:8px;min-height:120px}.kanban-col h4{margin:0 0 6px;font-size:12px;color:var(--muted);font-weight:600}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(380px,100%);background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 20px 60px #00000073}.tabs{display:flex;gap:4px;margin-bottom:10px}.tab{border:1px solid transparent;background:transparent;color:var(--muted);padding:6px 10px;border-radius:8px;cursor:pointer}.tab.active{color:var(--text);background:#1a1e2a;border-color:var(--border)}.chat-box{max-height:180px;overflow:auto;border:1px solid var(--border);border-radius:8px;padding:8px;background:#0d0f14;margin-bottom:6px}.chat-msg{margin-bottom:6px}.chat-msg.user{color:#c9d2ff}.chat-msg.assistant{color:#d7dbe7}.badge{display:inline-block;border-radius:999px;padding:2px 7px;border:1px solid var(--border);font-size:11px;color:var(--muted)}.badge.warn{border-color:#6a5420;color:var(--warn)}.badge.hard{border-color:#6a2a2a;color:var(--danger)}@media (max-width: 960px){.app-shell{grid-template-columns:1fr}.prompt-inspector{display:none}.tiles{grid-template-columns:repeat(2,1fr)}.kanban{grid-template-columns:1fr}}