:root { --ink:#07090f; --panel:#11151e; --line:rgba(231,205,142,.16); --gold:#e3bf70; --cream:#f8efda; --muted:#a8adba; --green:#6fd4a5; }
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 78% 18%,#20232d 0,transparent 28%),var(--ink);color:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.office-shell{max-width:1180px;margin:auto;padding:24px 32px 56px}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:34px;border-bottom:1px solid var(--line)}.brand{color:var(--cream);text-decoration:none;font-weight:700;letter-spacing:.14em;font-size:.9rem}.brand b{color:var(--gold)}.brand-mark{color:var(--gold);font-size:1.4rem;margin-right:8px}.environment{font-size:.76rem;color:var(--muted);display:flex;align-items:center;gap:8px}.environment span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:430px;gap:26px}.eyebrow{font-size:.68rem;letter-spacing:.18em;color:var(--gold);font-weight:700;margin:0 0 11px}.hero h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:.99;letter-spacing:-.065em;margin:0 0 20px;max-width:610px}.hero h1 em{font-style:normal;color:var(--gold)}.intro{color:var(--muted);font-size:1.05rem;line-height:1.7;max-width:520px}.manager-card{margin-top:30px;padding:14px 15px;border:1px solid var(--line);background:rgba(20,24,34,.7);border-radius:14px;display:flex;align-items:center;gap:12px;max-width:470px}.manager-card div{flex:1}.manager-card strong,.agent strong{font-size:.9rem}.manager-card p,.agent p{margin:4px 0 0;color:var(--muted);font-size:.76rem}.avatar{height:38px;width:38px;border-radius:13px;display:grid;place-items:center;background:#272c38;color:var(--cream);font-weight:800}.manager-avatar{background:linear-gradient(135deg,#f0d58c,#9d7130);color:#16120a}.fluvi-avatar{background:linear-gradient(135deg,#90d8ba,#226b56);color:#061711}.status{font-size:.69rem;color:var(--muted);white-space:nowrap}.status.online,.status.ready{color:var(--green)}.orb-wrap{position:relative;width:min(360px,75vw);aspect-ratio:1;margin:auto;display:grid;place-items:center}.orb{height:48%;width:48%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#ffe9a3,#c28b3d 46%,#3e2715 78%);box-shadow:0 0 35px #dca85599,0 0 100px #c38b4555,inset -22px -25px 35px #1e130b66;position:relative;z-index:2}.orb span{font-size:1.05rem;letter-spacing:.25em;color:#281a0c;font-weight:900}.ring{position:absolute;border:1px solid #e3bf7055;border-radius:50%;transform:rotateX(68deg) rotateZ(-18deg)}.ring-one{width:88%;height:32%}.ring-two{width:73%;height:54%;transform:rotateX(68deg) rotateZ(52deg)}.star{position:absolute;width:4px;height:4px;background:#ffdf8e;border-radius:50%;box-shadow:0 0 14px 3px #f5c466}.s1{top:14%;right:21%}.s2{bottom:22%;left:10%}.s3{top:29%;left:8%;width:2px;height:2px}.s4{right:3%;bottom:35%;width:2px;height:2px}.command-panel,.card{background:linear-gradient(135deg,rgba(25,29,40,.93),rgba(13,16,24,.93));border:1px solid var(--line);border-radius:20px}.command-panel{padding:27px 29px;margin:4px 0 24px}.panel-heading,.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.panel-heading h2,.section-heading h2{font-size:1.22rem;margin:0;letter-spacing:-.03em}.prototype-badge{color:#c4b897;border:1px solid #c4b89744;border-radius:100px;padding:6px 9px;font-size:.67rem;white-space:nowrap}textarea{width:100%;resize:vertical;border-radius:12px;border:1px solid #ffffff16;background:#070a10;color:var(--cream);padding:15px;margin:22px 0 12px;font:inherit;font-size:.94rem;line-height:1.5;outline:none}textarea:focus{border-color:#e3bf7088;box-shadow:0 0 0 3px #e3bf7011}.command-actions{display:flex;justify-content:space-between;gap:18px;align-items:center;color:var(--muted);font-size:.74rem}.command-actions button{border:0;border-radius:10px;padding:11px 16px;background:var(--gold);font:inherit;font-weight:800;color:#211607;cursor:pointer}.command-actions button span{font-size:1rem;margin-left:6px}.dashboard{display:grid;grid-template-columns:.88fr 1.12fr;gap:24px}.card{padding:25px}.agent{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.agent div{flex:1}.agent.muted{opacity:.52;border:0}.empty-state{min-height:204px;display:grid;place-items:center;align-content:center;color:var(--muted);text-align:center}.empty-state span{font-size:2rem;color:var(--gold)}.mission-list{padding:0;margin:9px 0 0;list-style:none}.mission-item{display:flex;gap:11px;padding:15px 0;border-bottom:1px solid var(--line);align-items:flex-start}.mission-dot{height:9px;width:9px;border-radius:50%;background:var(--gold);margin-top:5px;box-shadow:0 0 10px #e3bf70aa}.mission-item div{flex:1}.mission-item strong{font-size:.8rem}.mission-item p{font-size:.79rem;line-height:1.45;color:var(--muted);margin:4px 0}.mission-item small{font-size:.67rem;color:#737a89}.mission-state{font-size:.66rem;background:#e3bf7018;border:1px solid #e3bf7044;color:var(--gold);padding:4px 7px;border-radius:20px;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.office-shell{padding:20px}.hero,.dashboard{grid-template-columns:1fr}.hero{padding:32px 0}.orb-wrap{order:-1;width:240px}.hero h1{font-size:3rem}.command-panel,.card{padding:21px}.command-actions{align-items:flex-end;flex-direction:column}.prototype-badge{display:none}}