:root{--brand:#8b30d9;--brand-d:#2e1065;--brand-l:#f2e9fd;--brand-m:#a370dd;--amber:#b7791f;--amber-l:#fbf1de;--red:#b4232a;--red-l:#fdecec;--ink:#16102a;--muted:#6b6480;--line:#e7e3ef;--bg:#f6f4fa;--card:#fff;--rail:#faf9fc}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;font-family:Segoe UI,ui-sans-serif,system-ui,sans-serif}button,input,textarea{font-family:inherit}a{color:var(--brand)}.app{flex-direction:column;height:100vh}.app,.top{display:flex}.top{align-items:center;gap:12px;padding:9px 14px;background:#fff;border-bottom:1px solid var(--line);flex:0 0 auto}.brand{font-weight:800;color:var(--brand);letter-spacing:.4px;font-size:14px}.brandtag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;border-left:1px solid var(--line);padding-left:12px}.brandtag,.pill{color:var(--muted)}.pill{font-size:12px;padding:4px 10px;border:1px solid var(--line);border-radius:20px;background:#fff;cursor:pointer;white-space:nowrap}.pill b{color:var(--ink)}.pill.tier{background:var(--amber-l);border-color:#ead9b4;color:#7a5a12}.spacer{flex:1 1}.acctmenu{position:relative}.acctlist{position:absolute;top:30px;left:0;z-index:20;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.1);min-width:260px;max-width:320px;padding:5px}.acctscroll{max-height:340px;overflow-y:auto}.acctlist .ai2{padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px}.acctlist .ai2.on,.acctlist .ai2:hover{background:var(--brand-l)}.acctlist .ai2.on{color:var(--brand-d);font-weight:600}.acctlist .ai2 .sub{color:var(--muted);font-size:11px}.body{flex:1 1;min-height:0}.body,.nav{display:flex}.nav{width:56px;flex:0 0 auto;background:#fff;border-right:1px solid var(--line);flex-direction:column;align-items:center;padding:10px 0;gap:6px}.nav a{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;text-decoration:none;color:var(--muted);font-size:16px}.nav a.on,.nav a:hover{background:var(--brand-l);color:var(--brand-d)}.rail{width:250px;flex:0 0 auto;background:var(--rail);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.rtabs{display:flex;padding:10px 10px 6px;gap:4px}.rtab{flex:1 1;text-align:center;font-size:12px;font-weight:600;color:var(--muted);padding:7px 4px;border-radius:8px;cursor:pointer;border:none;background:none}.rtab.on{background:var(--brand);color:#fff}.rbody{flex:1 1;overflow:auto;padding:6px 10px 12px}.rsec{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:12px 6px 6px}.ritem{padding:9px 10px;border-radius:9px;cursor:pointer;font-size:13px;display:flex;gap:8px;align-items:flex-start}.ritem:hover{background:#f2edfa}.ritem.on{background:var(--brand-l)}.ritem .sub{color:var(--muted);font-size:11px}.newbtn{margin:4px 6px 8px;padding:9px;border:1px dashed var(--brand-m);color:var(--brand);border-radius:9px;text-align:center;font-weight:600;font-size:13px;cursor:pointer;background:none;width:calc(100% - 12px)}.main{flex:1 1;display:flex;flex-direction:column;min-width:0;min-height:0}.stream{flex:1 1;overflow:auto;padding:18px 22px}.msg{max-width:720px;margin:0 auto 14px}.msg.user{background:var(--brand-l);border:1px solid #e0d0f5;border-radius:14px 14px 4px 14px;padding:10px 14px;margin-left:auto;width:-moz-fit-content;width:fit-content;max-width:85%}.msg.ai{line-height:1.55;white-space:pre-wrap}.msg.error{background:var(--red-l);border:1px solid #f3c4c4;border-radius:12px;padding:10px 12px}.composer{border-top:1px solid var(--line);background:#fff;padding:12px 18px 16px}.composer-inner{max-width:720px;margin:0 auto;display:flex;gap:8px;align-items:flex-end}.composer textarea{flex:1 1;border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-height:44px;max-height:160px;resize:vertical;outline:none}.composer textarea:focus{border-color:var(--brand-m)}.send{border:none;background:var(--brand);color:#fff;border-radius:12px;padding:10px 16px;font-weight:700;cursor:pointer}.send:disabled{opacity:.5;cursor:not-allowed}.chips{display:flex;flex-wrap:wrap;gap:6px;max-width:720px;margin:0 auto 10px}.chip{border:1px solid var(--line);background:#fff;border-radius:20px;padding:5px 10px;font-size:12px;cursor:pointer;color:var(--muted)}.chip:hover{border-color:var(--brand-m);color:var(--brand-d)}.steps{display:flex;flex-wrap:wrap;gap:6px;max-width:720px;margin:0 auto 12px}.step{font-size:11px;padding:4px 8px;border-radius:8px;background:#fff;border:1px solid var(--line);color:var(--muted)}.step.run{border-color:var(--brand-m);color:var(--brand-d);background:var(--brand-l)}.drawer{width:280px;flex:0 0 auto;border-left:1px solid var(--line);background:#fff;padding:14px;overflow:auto}.drawer h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:10px 0}.card h4{margin:0 0 6px;font-size:14px}.card .why{color:var(--muted);font-size:13px;margin:6px 0}.card .actions{display:flex;gap:8px;margin-top:10px}.card .actions button{border-radius:8px;padding:7px 12px;font-weight:600;font-size:12px;cursor:pointer}.btn-approve{background:var(--brand);color:#fff;border:none}.btn-reject{background:#fff;border:1px solid var(--line);color:var(--ink)}.page{max-width:860px;margin:0 auto;padding:24px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:6px}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 11px;outline:none}.field input:focus,.field select:focus{border-color:var(--brand-m)}.hint{font-size:12px;margin-top:4px}.hint,.welcome{color:var(--muted)}.welcome{max-width:720px;margin:48px auto;text-align:center}.welcome h1{color:var(--ink);font-size:22px;margin-bottom:8px}.empty{font-size:12px;color:var(--muted);padding:8px}@media (max-width:960px){.drawer,.nav{display:none}.rail{width:200px}}