:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#23332f;background:#f5f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:235px;background:#102c27;color:#bfd0c7;padding:35px 25px;display:flex;flex-direction:column}.brand{font-size:32px;letter-spacing:-1.7px;font-weight:750;color:#fff}.brand span{color:#c5ef8c;font-size:16px}.workspace{font-size:10px;letter-spacing:2px;margin:52px 0 20px;color:#89a49a}nav{display:grid;gap:10px}nav a{padding:12px 8px;border-radius:8px;font-size:14px}nav a:hover{background:#25463c;color:white}.ali{margin-top:auto;border-top:1px solid #3b5148;padding-top:24px}.ali b{display:block;background:#c5ef8c;color:#193a2d;border-radius:12px;width:42px;padding:10px}.ali p{font-size:13px}.ali small{font-size:10px;color:#99b1a3}main{margin-left:235px;padding:0 5vw;max-width:1550px}header{display:flex;justify-content:space-between;align-items:center;height:85px;border-bottom:1px solid #dde3d9;font-size:12px;color:#66736a}.badge{font-size:11px;background:#e8eedd;padding:8px 12px;border-radius:30px;color:#46623c}.hero{display:flex;justify-content:space-between;align-items:center;padding:48px 0 38px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#648253}h1{font-size:clamp(32px,4vw,53px);line-height:1.12;letter-spacing:-2px;margin:16px 0}p{color:#718076;font-size:14px;line-height:1.6}.hero p{max-width:480px}.orb{width:175px;height:175px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e5ffb8,#b9d97e 50%,#4a7958);color:#173f30;font-size:74px;letter-spacing:-8px;box-shadow:12px 20px 50px #becbb76b;font-weight:700;transform:rotate(-12deg)}.orb span{font-weight:300}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat,.panel{background:#fff;border:1px solid #e3e8df;border-radius:14px}.stat{padding:23px}.stat small{color:#778276;font-size:12px}.stat strong{display:block;font-size:32px;margin-top:8px}.panel{padding:27px;margin-bottom:24px;scroll-margin-top:20px}h2{font-size:19px;margin:0;letter-spacing:-.4px}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.heading p{margin:7px 0 20px;font-size:12px}form{display:flex;gap:12px;align-items:end;margin-bottom:20px}label{flex:1;font-size:11px;color:#68776c}input,select{display:block;border:1px solid #dbe1d5;border-radius:7px;padding:12px;font:inherit;background:#fafbf8;color:#263c2f;width:100%;margin-top:7px}select{width:auto}button{background:#244d39;color:#fff;border:0;border-radius:8px;padding:13px 19px;font-weight:600;cursor:pointer}button:hover{background:#386547}button:disabled{opacity:.5;cursor:wait}.site,.task{padding:18px 0;border-top:1px solid #edf0e9}.site{display:flex;justify-content:space-between;gap:15px;align-items:center}.site small,.task small{display:block;color:#798477;margin-top:5px;overflow-wrap:anywhere}.task-head{display:flex;justify-content:space-between;gap:16px}.task h3{font-size:15px;margin:0}.task p{font-size:12px;margin:10px 0}.task select{font-size:12px;max-width:125px}.priority{color:#826834;font-size:10px;display:block;margin-bottom:7px}.note,.empty{font-size:12px;color:#7b8679}.empty{padding:24px 0}.connections{display:grid;grid-template-columns:1fr 1fr;gap:12px}.connections div{background:#f6f8f2;border-radius:8px;padding:18px;font-size:13px}.connections small{display:block;margin-top:9px;color:#7e8a73;font-size:11px}#message:not(:empty){padding:14px;background:#fff0d6;border-radius:9px;margin-bottom:20px}.event{font-size:12px;padding:13px 0;border-bottom:1px solid #edf0e9}.event span{color:#7f8a7b;display:block;margin-top:5px}details{padding:14px 0;border-bottom:1px solid #edf0e9;font-size:12px;overflow-wrap:anywhere}details p{font-size:12px}summary{cursor:pointer}footer{display:flex;justify-content:space-between;padding:20px 0 35px;color:#778573;font-size:10px;letter-spacing:1px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8caf59;outline-offset:3px}@media(max-width:900px){aside{width:180px;padding:25px 15px}main{margin-left:180px;padding:0 24px}.orb{width:115px;height:115px;font-size:54px}.stats{grid-template-columns:1fr 1fr}form{flex-wrap:wrap}form label{min-width:180px}}@media(max-width:600px){aside{position:relative;width:auto;padding:18px 20px}.brand{font-size:25px}.workspace,.ali{display:none}nav{display:flex;overflow:auto;gap:10px;margin-top:15px}nav a{font-size:11px;white-space:nowrap;padding:7px 0}main{margin:0;padding:0 18px}header{height:60px}.hero{padding:32px 0}.orb{display:none}.panel{padding:20px}.heading{align-items:flex-start}.stats{gap:10px}.stat{padding:16px}.connections{grid-template-columns:1fr}form{display:grid}form label{min-width:0}.site{align-items:flex-start}.task-head{flex-wrap:wrap}footer span{display:none}}


/* Shared AliSoph identity across the client and operator workspaces. */
:root{color:#111329;background:#f8f6fc}aside{background:#211044;color:#dbcef4}.brand span{color:#b98aff}nav a:hover{background:#392065}.workspace,.ali small{color:#baa5d7}.ali{border-color:#54396c}.ali b{background:#e6d7ff;color:#5820b2}.eyebrow{color:#7624e9}.badge{background:#f0e7ff;color:#6336a0}.orb{background:radial-gradient(circle at 30% 25%,#eee1ff,#cda7ff 50%,#7832b8);color:#371366;box-shadow:12px 20px 50px #cbb7e86b}p{color:#59627c}.stat,.panel{border-color:#e7e2f0}.stat small,label,.site small,.task small,.note,.empty,.event span{color:#68718a}input,select{border-color:#ddd7eb;background:#fdfcff;color:#22223a}button{background:linear-gradient(115deg,#8b23ed,#5915c6)}button:hover{background:linear-gradient(115deg,#761ad4,#4710a4)}.connections div{background:#f7f3fd}.connections small{color:#6c6380}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #985ce8;outline-offset:3px}input[type=checkbox]{accent-color:#7624e9}.account-row,.task,.site,.event,details{overflow-wrap:anywhere}.hero{gap:20px}.hero>div{min-width:0}header{gap:16px}.panel{min-width:0}
@media(max-width:600px){header{height:auto;min-height:72px;padding:16px 0;flex-wrap:wrap}.hero{align-items:flex-start;flex-wrap:wrap}.heading{flex-wrap:wrap}select{max-width:100%}.site{flex-wrap:wrap}.top-links{flex-wrap:wrap}.stats .stat{min-width:0}}
.wordmark{color:#111329}.wordmark svg,.brand svg{display:inline-block;width:32px;height:32px;vertical-align:middle;margin-right:4px}.brand svg{width:35px;height:35px}