:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8e8ef;background:#0b0c12;font-synthesis:none;--line:#272936;--muted:#8f93a3;--panel:#151720;--panel2:#1b1d28;--purple:#9b8cff;--green:#68d5a7;--orange:#f3b36b;--red:#f27f91}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -20%,#29204b 0,#10111a 34%,#0b0c12 70%);min-height:100vh}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;border-right:1px solid var(--line);padding:28px 18px 20px;display:flex;flex-direction:column;background:rgba(11,12,18,.7)}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 42px;font-size:15px}.brand strong,.brand span{display:block}.brand span{color:var(--muted);font-size:11px;margin-top:4px}.brand-mark{display:grid;place-items:center;background:#8d7bff;color:#fff;width:32px;height:32px;border-radius:10px;font-weight:800;box-shadow:0 0 22px #7561ff66}.side-label,.eyebrow,.metric-label{font-size:10px;letter-spacing:.16em;color:#717586;font-weight:800}.side-label{padding:0 12px 12px}.nav-item{border:0;background:transparent;color:#8d91a0;width:100%;display:flex;gap:12px;align-items:center;padding:12px;border-radius:10px;font-size:13px;text-align:left;cursor:pointer;margin:2px 0}.nav-item:hover,.nav-item.active{color:#fff;background:#1d1c2d}.nav-item span{width:18px;color:#9b8cff}.nav-item b{margin-left:auto;background:#3a3158;color:#c2baff;border-radius:12px;padding:2px 7px;font-size:10px}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:18px 10px 0;color:var(--muted);font-size:11px;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.main-content{width:min(1280px,100%);margin:0 auto;padding:38px 48px 70px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:36px}.eyebrow{margin:0 0 9px}.topbar h1{margin:0;font-size:27px;letter-spacing:-.03em}.top-actions{display:flex;gap:12px;align-items:center}.ghost-button,.text-button{color:#c3c5cf;background:transparent;border:1px solid var(--line);border-radius:8px;padding:9px 14px;cursor:pointer}.ghost-button:hover,.text-button:hover{border-color:#6259a5;color:#fff}.avatar{border:0;border-radius:50%;width:34px;height:34px;color:#fff;background:linear-gradient(135deg,#b69aff,#5d55c9);font-size:11px;font-weight:800}.hero-grid{display:grid;grid-template-columns:1.8fr .85fr .85fr;gap:14px}.hero-card,.metric-card,.brief-card,.task-row,.approval-card,.agent-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(29,30,42,.97),rgba(18,19,27,.97));border-radius:13px}.hero-card{min-height:215px;padding:26px 28px;display:flex;overflow:hidden;position:relative}.hero-copy{max-width:410px;position:relative;z-index:1}.pill{display:inline-block;padding:6px 9px;border-radius:5px;font-size:9px;letter-spacing:.12em;font-weight:800}.purple{color:#c8c1ff;background:#332c5e}.hero-card h2{font-size:25px;line-height:1.14;letter-spacing:-.04em;margin:19px 0 11px;max-width:330px}.hero-card p{color:var(--muted);font-size:12px;line-height:1.65;max-width:390px;margin:0}.orbit{position:absolute;right:20px;top:19px;width:200px;height:170px;border:1px solid #765fd144;border-radius:50%;transform:rotate(-17deg)}.orbit:before,.orbit:after{content:"";position:absolute;inset:20px 32px;border:1px solid #765fd133;border-radius:50%;transform:rotate(60deg)}.orbit:after{inset:35px 12px;transform:rotate(-46deg)}.orbit-core{position:absolute;left:80px;top:65px;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#7763ed;color:#fff;font-size:12px;font-weight:800;box-shadow:0 0 35px #7763ed99;transform:rotate(17deg)}.orbit-dot{position:absolute;width:8px;height:8px;background:#ad9cff;border-radius:50%;box-shadow:0 0 15px #ad9cff}.d1{right:18px;top:38px}.d2{left:18px;top:80px}.d3{right:45px;bottom:7px}.d4{left:82px;top:2px}.metric-card{min-height:215px;padding:23px;display:flex;flex-direction:column}.metric-card strong{font-size:54px;letter-spacing:-.06em;margin-top:31px;color:#fff}.metric-card small{color:var(--muted);font-size:11px;margin-top:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:38px 0 16px}.section-heading.compact{margin-top:36px}.section-heading h2{font-size:19px;letter-spacing:-.03em;margin:0}.section-note{color:var(--muted);font-size:11px}.brief-card{padding:21px 22px}.form-row{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:13px;margin-bottom:16px}label{display:block;color:#aaadba;font-size:11px}input,select,textarea{font:inherit;color:#e8e8ef;background:#0f1017;border:1px solid #303241;border-radius:7px;outline:0;width:100%;padding:11px 12px;margin-top:7px;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#7769d1}textarea{min-height:92px;resize:vertical;line-height:1.5}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.hint{font-size:11px;color:#747989}.primary-button{background:#8874f4;border:0;color:#fff;padding:11px 17px;border-radius:7px;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 9px 23px #6854d833}.primary-button:hover{background:#9c8bff}.task-list,.approval-list{display:grid;gap:9px}.task-row{padding:15px 17px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.task-row:hover{border-color:#56517b}.task-main{min-width:0}.task-title{font-size:13px;font-weight:700;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-meta{color:var(--muted);font-size:10px}.task-side{display:flex;align-items:center;gap:14px}.state{font-size:10px;padding:5px 8px;border-radius:5px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.state.completed{color:var(--green);background:#183b32}.state.running,.state.queued{color:#b9b1ff;background:#302957}.state.waiting_approval{color:var(--orange);background:#493622}.state.failed{color:var(--red);background:#49252e}.empty{border:1px dashed #353746;padding:30px;text-align:center;color:var(--muted);font-size:12px;border-radius:10px}.approval-card{padding:19px}.approval-head{display:flex;justify-content:space-between;gap:10px}.approval-card h3{margin:0;font-size:14px}.approval-card p{font-size:12px;color:#b4b6c2;line-height:1.6;white-space:pre-wrap;background:#101117;padding:12px;border-radius:7px;margin:15px 0}.approval-target{font-size:10px;color:var(--muted);margin-top:6px}.approval-actions{display:flex;justify-content:flex-end;gap:8px}.approve,.reject{border:0;border-radius:6px;padding:8px 13px;font-size:11px;font-weight:800;cursor:pointer}.approve{background:#2d8465;color:#d9fff0}.reject{background:#4c2932;color:#ffc4cc}.agents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.agent-card{padding:18px}.agent-icon{width:34px;height:34px;border-radius:9px;background:#2e2852;color:#bdb4ff;display:grid;place-items:center;font-weight:800;margin-bottom:15px}.agent-card h3{font-size:14px;margin:0 0 6px}.agent-card p{font-size:11px;color:var(--muted);line-height:1.55;min-height:35px}.agent-dept{font-size:9px;color:#b9b1ff;text-transform:uppercase;letter-spacing:.1em}.toast{position:fixed;right:26px;bottom:24px;background:#252633;color:#fff;border:1px solid #46485b;padding:12px 15px;border-radius:8px;font-size:12px;box-shadow:0 12px 30px #0007;transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:translateY(0);opacity:1}.view{display:none}.active-view{display:block}@media(max-width:980px){.sidebar{width:190px}.main-content{padding:28px}.hero-grid{grid-template-columns:1fr 1fr}.hero-card{grid-column:span 2}.agents-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.app-shell{display:block}.sidebar{width:100%;padding:14px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0;margin-right:auto}.side-label,.sidebar-foot{display:none}.nav-item{width:auto;font-size:0;padding:9px}.nav-item span{font-size:16px}.nav-item b{font-size:9px}.main-content{padding:24px 16px 50px}.topbar h1{font-size:21px}.hero-grid,.form-row{grid-template-columns:1fr}.hero-card{grid-column:auto}.metric-card{min-height:130px}.metric-card strong{margin-top:15px;font-size:40px}.agents-grid{grid-template-columns:1fr}.orbit{opacity:.4;right:-30px}}