:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#172c47;background:#f3f6fb;font-size:14px;--blue:#245fe5;--navy:#102e51;--muted:#76869b;--line:#e5ebf3;--gold:#b69a5d}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #adc7ff;outline-offset:3px}.preview{height:34px;background:#102e51;color:#e7bd73;position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:22px;padding:0 26px;font-size:10px;font-weight:700;letter-spacing:1.4px}.preview span{color:#d8e3f2;font-weight:400;letter-spacing:.2px}.preview button{margin-left:auto;background:none;color:white;border:0;font-size:11px}aside{position:fixed;top:34px;bottom:0;width:236px;background:white;border-right:1px solid var(--line);padding:0 18px;display:flex;flex-direction:column}.identity{height:174px;display:grid;place-items:center;border-bottom:1px solid var(--line);margin-bottom:24px}.identity img{width:150px;height:150px;object-fit:contain}.navlabel{font-size:9px;letter-spacing:1.8px;color:#91a0b2;font-weight:700;padding:0 17px 12px}nav{display:grid;gap:5px}nav button{display:flex;align-items:center;gap:13px;border:0;background:transparent;padding:13px 15px;border-radius:8px;text-align:left;color:#6b7c91;font-size:13px}nav button svg{width:18px;height:18px}nav button.active{background:#eaf0ff;color:#235eda;font-weight:650}nav button:hover{background:#f1f5fb}nav .count{margin-left:auto;padding:2px 6px;font-size:10px;background:#dce7ff;border-radius:4px}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sidebottom{margin-top:auto;padding:22px 13px;color:#8795a8}.secure{font-size:10px;color:#52729c;letter-spacing:1px}.sidebottom p{font-size:11px;line-height:1.8}.person{display:flex;gap:11px;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin-top:24px;color:#263e5d;font-size:12px}.person b,.avatar{background:#edf2fb;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:#4c6d9c;font-size:11px;border:0}.person span{display:block;font-size:10px;color:#8695a9;margin-top:4px}main{margin-left:236px;padding:0 38px;max-width:1900px}header{height:76px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:11px;color:#8090a4}#crumb strong{color:#334d6c;font-weight:500}#crumb span{padding:0 12px}.headright{display:flex;align-items:center;gap:10px}.headright i{height:14px;width:1px;background:#d7e0ec;margin:0 8px}.dot{width:5px;height:5px;border-radius:50%;background:#548b7e}.avatar{margin-left:12px;background:#dfe9fc}#screen{padding:30px 0 16px}.titlebar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:15px}.overline{font-size:9px;color:#8292a7;letter-spacing:1.8px;font-weight:700;margin:0 0 9px}h1{font-size:31px;color:var(--navy);font-weight:500;letter-spacing:-.6px;margin:0;font-family:Georgia,serif}.subtitle{color:#8290a3;font-size:12px;margin:10px 0 0;line-height:1.6}.btn{border:1px solid #dfe6f0;border-radius:7px;padding:10px 14px;color:#4b6587;background:white;display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:600}.btn svg{width:15px;height:15px}.btn.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 4px 8px #245fe51a}.btn:hover{filter:brightness(.97)}.hero{border-radius:12px;overflow:hidden;background:#173f7a;color:white;padding:27px 30px;display:grid;grid-template-columns:1fr 310px;position:relative;margin-bottom:23px}.hero:after{content:'';position:absolute;width:340px;height:340px;border:1px solid #ffffff0d;transform:rotate(30deg);right:70px;top:-200px;pointer-events:none}.hero small{font-size:9px;letter-spacing:1.7px;color:#b7ccee}.hero h2{font:25px/1.25 Georgia,serif;margin:13px 0 10px;max-width:390px}.hero p{font-size:11px;line-height:1.7;color:#b5c9e7;max-width:380px;margin:0}.hero .due{border-left:1px solid #ffffff24;padding-left:30px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.due strong{font-size:36px;letter-spacing:-1px;margin:8px 0}.due strong span{font-size:17px;font-weight:400;letter-spacing:0;color:#b5c9e7}.due .pill{background:#ffffff12;color:#dfc48c;font-size:10px;padding:5px 8px;border-radius:4px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 26px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:19px 20px}.statline{display:flex;justify-content:space-between;align-items:center;color:#7b8ca3;font-size:11px}.staticon{width:28px;height:28px;display:grid;place-items:center;background:#eff4ff;color:#5683d8;border-radius:7px}.staticon svg{width:15px;height:15px}.stat strong{display:block;color:#153859;font-size:30px;font-weight:550;margin:10px 0 8px;letter-spacing:-1px}.stat small{font-size:10px;color:#91a0b2}.stat small em{font-style:normal;color:#997e44}.split{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:20px}.panelhead{padding:21px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel h2{font-size:14px;color:#223d60;font-weight:600;margin:0}.panelhead p{font-size:10px;color:#91a0b2;margin:6px 0 0}.textbtn{color:var(--blue);border:0;background:none;font-size:11px;padding:0}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#f8fafd;border-top:1px solid #eff3f8;border-bottom:1px solid #eff3f8;font-size:9px;letter-spacing:.6px;color:#8d9bb0;font-weight:550;padding:12px 20px}td{padding:16px 20px;border-bottom:1px solid #f0f3f8;font-size:11px;color:#637b97}tbody tr:last-child td{border-bottom:0}td strong{display:block;color:#304867;font-size:11px;font-weight:600;margin-bottom:5px}td small{font-size:10px;color:#8b9bb1}.tag{display:inline-block;padding:5px 8px;border-radius:4px;font-size:9px;font-weight:500;background:#edf3ff;color:#4f77ba}.tag.gold{background:#faf4e8;color:#a4894d}.tag.green{background:#edf7f1;color:#5b9278}.tag.gray{background:#f0f3f7;color:#778a9f}.circle{border-radius:50%;width:26px;height:26px;display:inline-grid;place-items:center;font-size:8px;background:#e8effd;color:#5e7eaf;border:2px solid white}.circle+ .circle{margin-left:-7px;background:#f0ece7;color:#a28a6f}.minirow{padding:16px 21px;border-top:1px solid #f0f3f8;display:flex;gap:12px;align-items:flex-start}.minirow .num{color:#8da9d3;border:1px solid #e1eafa;border-radius:6px;min-width:30px;height:32px;display:grid;place-items:center;font-size:11px}.minirow strong{font-size:11px;font-weight:550;color:#3b5272;display:block}.minirow p{font-size:10px;color:#95a2b2;line-height:1.7;margin:6px 0 0}.progress{height:4px;background:#edf2fa;border-radius:4px;margin-top:9px;overflow:hidden}.progress i{display:block;height:4px;background:#6e98e6}.note{background:#eef3fd;border:1px solid #e2eaf9;border-radius:10px;padding:21px}.note small{font-size:9px;letter-spacing:1px;color:#6b8cbc}.note p{font-size:11px;line-height:1.8;color:#6b83a6}.note a{color:#2b62be;font-size:11px;cursor:pointer}footer{display:flex;gap:16px;padding:18px 0 25px;border-top:1px solid var(--line);color:#8f9eb1;font-size:9px}footer span{color:#a8b3c1}footer small{margin-left:auto;font-size:9px}.filters{display:flex;gap:10px;margin-bottom:18px;align-items:center}.search{background:white;border:1px solid #e1e7f1;border-radius:7px;padding:11px 13px;color:#405b7e;min-width:200px;flex:1;font-size:11px}select{background:white;border:1px solid #e1e7f1;padding:10px;border-radius:7px;color:#7186a1;font-size:11px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.tabs button{border:1px solid #e0e7f2;background:white;color:#7a8ea7;border-radius:6px;padding:9px 13px;font-size:10px}.tabs button.selected{background:#e9f0ff;border-color:#cadbfc;color:#326ed2}.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--line);font-size:10px;color:#8d9db1}.pagination div{display:flex;gap:8px}button:disabled{opacity:.45;cursor:default}.group{display:flex;align-items:center;gap:16px;padding:22px;border-top:1px solid #eff3f8}.group .groupicon{width:42px;height:42px;background:#eef4fe;display:grid;place-items:center;border-radius:10px;color:#6e96d6}.groupicon svg{width:20px;height:20px}.group h3{font-size:12px;font-weight:550;margin:0 0 7px;color:#314c70}.group p{font-size:10px;color:#8c9db2;margin:0}.group .controls{margin-left:auto;display:flex;gap:8px;align-items:center}.history{display:flex;gap:12px;align-items:center;color:#728aa8;padding:20px;font-size:11px}.history .btn:first-of-type{margin-left:auto}dialog{border:0;border-radius:14px;width:min(650px,92vw);padding:26px;color:#2b476a;box-shadow:0 30px 100px #102e5133}dialog::backdrop{background:#102e5180;backdrop-filter:blur(3px)}.dialoghead{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7990af;letter-spacing:1px}.dialoghead button{border:0;background:#f0f4fa;width:30px;height:30px;border-radius:50%;color:#7690b1;font-size:20px}dialog h2{font:25px Georgia,serif;color:#173c67;margin:20px 0 9px}dialog p{font-size:12px;line-height:1.8;color:#7d90a8}dialog label{display:grid;gap:7px;font-size:11px;color:#627d9f;margin:16px 0}dialog input,dialog textarea{width:100%;border:1px solid #dbe5f2;border-radius:7px;padding:11px;color:#305682;background:white}dialog .steps{display:grid;gap:8px;margin:20px 0}.step{padding:11px 13px;border:1px solid #e4eaf4;border-radius:7px;font-size:11px;color:#8d9eb3}.step.current{background:#edf3ff;border-color:#bbd0fb;color:#356bca}.dialogactions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.swatches div{height:100px;border-radius:8px;display:flex;align-items:end;padding:12px;color:white;font-size:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;background:#163b6c;color:white;border-radius:8px;display:none;z-index:9;font-size:12px}@media(min-width:1550px){main{padding:0 55px}.hero{grid-template-columns:1fr 390px}.split{grid-template-columns:minmax(0,1fr) 330px}}@media(max-width:1150px){aside{width:195px}main{margin-left:195px;padding:0 23px}.split{grid-template-columns:1fr}.secondary{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hero{grid-template-columns:1fr 260px}.stat{padding:15px}.statline{font-size:10px}}@media(max-width:720px){.preview{padding:0 12px;gap:10px}.preview span{font-size:8px}.preview button{display:none}aside{position:static;width:auto;padding:8px 14px}.identity,.navlabel,.sidebottom{display:none}nav{display:flex;overflow:auto;gap:3px}nav button{white-space:nowrap;padding:12px 10px}nav button svg{width:14px}.count{display:none}main{margin:0;padding:0 17px}header{height:56px}.headright>span,.headright i{display:none}.titlebar{align-items:flex-start}h1{font-size:28px}.hero{grid-template-columns:1fr;padding:23px}.hero .due{margin-top:22px;padding:18px 0 0;border-left:0;border-top:1px solid #ffffff24}.due strong{font-size:28px}.stats{grid-template-columns:1fr 1fr;gap:10px}.secondary{display:block}.filters{flex-wrap:wrap}.search{min-width:100%}.group{flex-wrap:wrap}.group .controls{margin-left:58px}.history{flex-wrap:wrap}.history .btn:first-of-type{margin:0}footer span{display:none}#screen{padding-top:22px}.titlebar .btn{padding:10px;font-size:10px}}
/* Review-only night palette. */
.theme-toggle{white-space:nowrap;min-height:36px;margin-left:10px}
:root[data-theme="dark"]{color-scheme:dark;background:#101923;color:#d8e3ef;--blue:#77a8fa;--navy:#dce9fa;--muted:#a6b7cc;--line:#2c3e52;--gold:#d6b97e}
[data-theme="dark"] aside,[data-theme="dark"] .panel,[data-theme="dark"] .stat,[data-theme="dark"] dialog{background:#182536;border-color:#2c3e52;color:#d8e3ef}
[data-theme="dark"] .identity img{border-radius:9px;filter:brightness(.78)}
[data-theme="dark"] .preview{background:#0b1420;color:#d6b97e}
[data-theme="dark"] .btn,[data-theme="dark"] .tabs button,[data-theme="dark"] .search,[data-theme="dark"] select,[data-theme="dark"] dialog input,[data-theme="dark"] dialog textarea{background:#203147;color:#c9d9ee;border-color:#3b526e}
[data-theme="dark"] .btn.primary{background:#3876d8;border-color:#4986e3;color:#fff;box-shadow:none}
[data-theme="dark"] nav button{color:#b0c2d9}
[data-theme="dark"] nav button.active,[data-theme="dark"] nav button:hover,[data-theme="dark"] .tabs button.selected{background:#263f60;color:#b7d4ff;border-color:#41628e}
[data-theme="dark"] nav .count{background:#365884;color:#e3edff}
[data-theme="dark"] .hero{background:#1b3659}
[data-theme="dark"] .hero h2{color:#e4edfa}
[data-theme="dark"] .hero p,[data-theme="dark"] .hero small,[data-theme="dark"] .due strong span{color:#b7cbe5}
[data-theme="dark"] .panel h2,[data-theme="dark"] td strong,[data-theme="dark"] .group h3,[data-theme="dark"] .minirow strong,[data-theme="dark"] #crumb strong,[data-theme="dark"] .person,[data-theme="dark"] dialog h2,[data-theme="dark"] .stat strong{color:#d9e6f7}
[data-theme="dark"] .stat h2{color:#d9e6f7!important}
[data-theme="dark"] th{background:#1c2d41;color:#b5c6dd;border-color:#2c3e52}
[data-theme="dark"] td,[data-theme="dark"] .group,[data-theme="dark"] .minirow{border-color:#2c3e52;color:#bbcee5}
[data-theme="dark"] .subtitle,[data-theme="dark"] .overline,[data-theme="dark"] .navlabel,[data-theme="dark"] .statline,[data-theme="dark"] .stat small,[data-theme="dark"] .panelhead p,[data-theme="dark"] td small,[data-theme="dark"] .minirow p,[data-theme="dark"] .group p,[data-theme="dark"] .pagination,[data-theme="dark"] dialog p,[data-theme="dark"] dialog label,[data-theme="dark"] .dialoghead,[data-theme="dark"] .sidebottom,[data-theme="dark"] .person span,[data-theme="dark"] header,[data-theme="dark"] footer,[data-theme="dark"] footer span{color:#a7bad2}
[data-theme="dark"] .tag{background:#253e60;color:#b6d3ff}
[data-theme="dark"] .tag.gray{background:#2d3b4f;color:#c1d0e3}
[data-theme="dark"] .tag.gold{background:#413c2c;color:#e4cb91}
[data-theme="dark"] .tag.green{background:#233d37;color:#a6d5c1}
[data-theme="dark"] .circle,[data-theme="dark"] .avatar,[data-theme="dark"] .person b,[data-theme="dark"] .staticon,[data-theme="dark"] .groupicon{background:#294260;color:#bfd8ff;border-color:#182536}
[data-theme="dark"] .circle+.circle{background:#423e36;color:#dfc9a6}
[data-theme="dark"] .note{background:#1c304a;border-color:#344d70}
[data-theme="dark"] .note p,[data-theme="dark"] .note>span,[data-theme="dark"] .history{color:#b9cce5!important}
[data-theme="dark"] .note small,[data-theme="dark"] .secure{color:#aac8f0}
[data-theme="dark"] .note a,[data-theme="dark"] .textbtn{color:#9dc4ff}
[data-theme="dark"] .progress{background:#2a3d58}
[data-theme="dark"] .minirow .num{border-color:#3d5576;color:#b9d3f7}
[data-theme="dark"] .step{border-color:#364b67;color:#b7c7dc}
[data-theme="dark"] .step.current{background:#28476e;border-color:#557cad;color:#d6e6ff}
[data-theme="dark"] .dialoghead button{background:#2d415e;color:#c7d9f1}
[data-theme="dark"] dialog::backdrop{background:#050a12bb}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#9cafc6}
[data-theme="dark"] :focus-visible{outline-color:#82b5ff}
@media(max-width:720px){.theme-toggle{margin-left:0;padding:8px;font-size:10px}.headright{gap:4px}.headright .avatar{margin-left:4px}}

/* Lightweight CSS depth and motion: no video, tracking, or AI connection. */
main{padding-bottom:115px}
.ai-companion{position:fixed;right:26px;bottom:20px;z-index:4;display:grid;grid-template-columns:1fr 86px;align-items:center;column-gap:16px;background:linear-gradient(125deg,#f7fbffed,#e6efffed);border:1px solid #cbdcf6;border-radius:18px;padding:15px 16px 9px 20px;box-shadow:0 12px 35px #234a7820;backdrop-filter:blur(14px);max-width:calc(100vw - 32px)}
.ai-kicker{display:block;font-size:8px;font-weight:650;letter-spacing:1.6px;color:#718ab1;margin-bottom:7px}.ai-caption strong{font:22px Georgia,serif;color:#204b80}.ai-caption strong span{font:9px 'Segoe UI',sans-serif;color:#7c91ae;border:1px solid #c5d6ef;border-radius:4px;padding:2px 5px;vertical-align:middle;margin-left:5px}.ai-caption p{font-size:10px;color:#7289a6;margin:7px 0 0}.ai-orb-button{border:0;background:none;padding:0;width:86px;height:80px;display:grid;place-items:center;border-radius:50%;perspective:400px}.ai-orb{position:relative;width:72px;height:72px;display:grid;place-items:center;transform-style:preserve-3d;animation:ai-float 6s ease-in-out infinite}.ai-core{display:flex;align-items:center;justify-content:center;gap:8px;width:43px;height:43px;border-radius:45%;background:radial-gradient(circle at 30% 25%,#d7f5ff 0,#75b6fd 24%,#377fe8 55%,#16396d 100%);box-shadow:inset -3px -4px 10px #12385c77,0 0 19px #438ded66;transform:translateZ(12px)}.ai-eye{width:4px;height:7px;border-radius:5px;background:#edfaff;box-shadow:0 0 5px #fff9}.ai-ring{position:absolute;inset:2px;border:1px solid #669ef1;border-top:2px solid #c2e5ff;border-radius:50%;transform-style:preserve-3d}.ring-one{animation:ai-orbit-one 16s linear infinite}.ring-two{inset:-4px;border-color:#6996d580;animation:ai-orbit-two 21s linear infinite}.ring-three{inset:8px;border-color:#c9b37e99;transform:rotateX(68deg) rotateY(-18deg)}.ai-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#85bbff;box-shadow:0 0 6px #699bff}.spark-one{top:5px;left:7px}.spark-two{bottom:5px;right:8px;background:#ccba8f}.ai-motion{grid-column:1/-1;justify-self:end;color:#768da9;font-size:9px;border:0;background:none;padding:5px 0}.ai-orb-button:hover .ai-core{box-shadow:inset -3px -4px 10px #12385c77,0 0 26px #438dedaa}.ai-orb-button:focus-visible{outline:2px solid #629dea;outline-offset:5px}
.ai-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.ai-summary>div{padding:14px 10px;border:1px solid var(--line);border-radius:9px;text-align:center}.ai-summary strong{display:block;font-size:23px;color:var(--blue);margin-bottom:7px}.ai-summary span{font-size:10px;color:#7288a5}.ai-explainer{border-left:2px solid #80a6e1;padding-left:14px}.ai-paused .ai-orb,.ai-paused .ai-ring{animation-play-state:paused!important}
[data-theme="dark"] .ai-companion{background:linear-gradient(125deg,#1b2d43f5,#13243bf5);border-color:#3b5476;box-shadow:0 12px 40px #0004}[data-theme="dark"] .ai-caption strong{color:#dae9ff}[data-theme="dark"] .ai-caption p,[data-theme="dark"] .ai-kicker,[data-theme="dark"] .ai-motion,[data-theme="dark"] .ai-caption strong span,[data-theme="dark"] .ai-summary span{color:#a9bdd8}[data-theme="dark"] .ai-caption strong span{border-color:#526986}
@keyframes ai-float{0%,100%{transform:translateY(2px) rotateY(-8deg)}50%{transform:translateY(-4px) rotateY(8deg)}}@keyframes ai-orbit-one{from{transform:rotateX(62deg) rotateY(25deg) rotateZ(0)}to{transform:rotateX(62deg) rotateY(25deg) rotateZ(360deg)}}@keyframes ai-orbit-two{from{transform:rotateY(68deg) rotateX(-25deg) rotateZ(360deg)}to{transform:rotateY(68deg) rotateX(-25deg) rotateZ(0)}}
@media(prefers-reduced-motion:reduce){.ai-orb,.ai-ring{animation:none!important}.ring-one{transform:rotateX(62deg) rotateY(25deg)}.ring-two{transform:rotateY(68deg) rotateX(-25deg)}}
@media(max-width:720px){.ai-companion{right:12px;bottom:12px;padding:8px 12px;grid-template-columns:1fr 58px;gap:4px 10px;border-radius:13px}.ai-orb-button{height:53px;width:58px}.ai-orb{transform:scale(.7);width:48px;height:48px}.ai-core{width:31px;height:31px;gap:6px}.ai-eye{height:5px;width:3px}.ai-caption strong{font-size:17px}.ai-caption p{display:none}.ai-kicker{font-size:7px;margin-bottom:5px}.ai-motion{font-size:8px;padding:0}.ai-summary{gap:6px}}

/* Ambient AI architecture: motion stays beneath opaque working surfaces. */
body{isolation:isolate}.ambient-ai{position:fixed;inset:34px 0 0 236px;z-index:-1;overflow:hidden;pointer-events:none;perspective:1100px}.ambient-plane{position:absolute;inset:-12%;transform:rotateX(22deg) rotateZ(-9deg);animation:ambient-drift 38s ease-in-out infinite alternate;opacity:.32}.ambient-plane svg{width:100%;height:100%}.network-lines{stroke:#97b5df;stroke-width:.65;fill:none}.network-nodes{fill:#6996d3;stroke:none;animation:network-breathe 9s ease-in-out infinite alternate}.ambient-glow{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(70px);opacity:.15;background:#80b3fa;animation:glow-drift 30s ease-in-out infinite alternate}.glow-a{top:6%;right:-160px}.glow-b{left:8%;bottom:-250px;background:#98b7f4;animation-delay:-15s}
.hero{isolation:isolate}.hero-copy,.hero .due{position:relative;z-index:2}.hero-copy{max-width:430px}.ai-sculpture{position:absolute;right:310px;top:50%;width:180px;height:180px;transform:translate(34%,-50%);perspective:700px;pointer-events:none;z-index:0;opacity:.36}.sculpture-orbit{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d;animation:sculpture-float 12s ease-in-out infinite}.sculpture-cube{position:relative;width:70px;height:70px;transform-style:preserve-3d;animation:cube-turn 42s linear infinite}.cube-face{position:absolute;inset:0;border:1px solid #a8d5ff;background:linear-gradient(135deg,#96caff16,#6ea6e908);box-shadow:inset 0 0 20px #8fc9ff0a}.cube-face:after{content:'';position:absolute;inset:12px;border:1px solid #9bcaff55}.face-front{transform:translateZ(35px)}.face-back{transform:rotateY(180deg) translateZ(35px)}.face-left{transform:rotateY(-90deg) translateZ(35px)}.face-right{transform:rotateY(90deg) translateZ(35px)}.face-top{transform:rotateX(90deg) translateZ(35px)}.face-bottom{transform:rotateX(-90deg) translateZ(35px)}.sculpture-heart{position:absolute;inset:24px;border-radius:50%;background:#aad9ff;box-shadow:0 0 28px 10px #71bbfb80;transform:translateZ(0)}.sculpture-halo{position:absolute;inset:4px;border:1px solid #abd4ff66;border-radius:50%;transform:rotateX(64deg) rotateZ(-24deg)}.halo-b{inset:16px;transform:rotateY(64deg) rotateZ(28deg);border-color:#c6b78566}.sculpture-point{position:absolute;right:22px;top:26px;width:5px;height:5px;border-radius:50%;background:#c7e6ff;box-shadow:0 0 12px #8dc9ff;animation:network-breathe 8s ease-in-out infinite alternate}
[data-theme="dark"] .ambient-plane{opacity:.22}[data-theme="dark"] .network-lines{stroke:#719cd3}[data-theme="dark"] .network-nodes{fill:#93beed}[data-theme="dark"] .ambient-glow{opacity:.08}[data-theme="dark"] .ai-sculpture{opacity:.42}
@keyframes ambient-drift{from{transform:rotateX(22deg) rotateZ(-9deg) translate3d(-12px,0,0)}to{transform:rotateX(28deg) rotateZ(-5deg) translate3d(18px,-25px,15px)}}@keyframes network-breathe{from{opacity:.35}to{opacity:.9}}@keyframes glow-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-55px,45px,0)}}@keyframes cube-turn{from{transform:rotateX(-22deg) rotateY(25deg) rotateZ(8deg)}to{transform:rotateX(-22deg) rotateY(385deg) rotateZ(8deg)}}@keyframes sculpture-float{0%,100%{transform:translateY(5px)}50%{transform:translateY(-5px)}}
.ai-paused .ambient-plane,.ai-paused .network-nodes,.ai-paused .ambient-glow,.ai-paused .sculpture-orbit,.ai-paused .sculpture-cube,.ai-paused .sculpture-point{animation-play-state:paused!important}
@media(min-width:1550px){.ai-sculpture{right:390px;transform:translate(0,-50%)}}
@media(max-width:1150px){.ambient-ai{left:195px}.ai-sculpture{right:250px;width:130px;height:130px;opacity:.18}.hero-copy{max-width:340px}}
@media(max-width:720px){.ambient-ai{left:0}.ambient-plane{opacity:.16}.ambient-glow{display:none}.ai-sculpture{right:24px;top:auto;bottom:20px;transform:none;width:130px;height:130px;opacity:.28}.hero-copy{max-width:none}.hero .due{padding-right:110px}[data-theme="dark"] .ai-sculpture{opacity:.3}}
@media(prefers-reduced-motion:reduce){.ambient-plane,.network-nodes,.ambient-glow,.sculpture-orbit,.sculpture-cube,.sculpture-point{animation:none!important}.sculpture-cube{transform:rotateX(-22deg) rotateY(25deg) rotateZ(8deg)}}

@media(min-width:721px) and (max-width:1000px){.hero{grid-template-columns:1fr;padding:24px}.hero-copy{max-width:none}.hero .due{margin-top:20px;padding:18px 135px 0 0;border-left:0;border-top:1px solid #ffffff24}.ai-sculpture{right:20px;top:auto;bottom:15px;transform:none;width:120px;height:120px;opacity:.24}.stats{grid-template-columns:1fr 1fr}.headright>span,.headright i{display:none}.titlebar{flex-wrap:wrap}.secondary{display:block}}

/* Working app integration */
:root{font-size:15px}.layout{display:block}.layout aside{top:0;width:236px;height:100vh;overflow-y:auto;padding:18px;position:fixed}.layout main{margin-left:236px;padding:0 34px 150px;min-height:100vh}.brand{display:grid;place-items:center;margin:0 0 24px;padding:0 0 18px;border-bottom:1px solid var(--line)}.brand img{width:150px;height:150px;object-fit:contain;border-radius:8px}.brand>div{display:none}.layout aside nav{gap:3px}.layout aside nav button{font-size:12px;padding:11px 13px}.layout aside footer{display:block;margin-top:auto;border:0;padding:25px 10px 8px;flex:none;line-height:1.7}.layout aside footer strong{color:#36577e}.layout aside footer button{color:#4f6e95;border:1px solid #d5e0ef;background:transparent;padding:7px 11px;font-size:11px}.topline{height:auto;min-height:76px;margin:0 0 28px;padding:16px 0;font-size:12px}.topactions{display:flex;align-items:center;gap:12px}.heading h1{font:32px Georgia,serif;color:var(--navy)}.heading p{font-size:13px}.eyebrow{font-size:10px;color:#8196b0}.panel{padding:24px}.panel .tablewrap{margin:0 -8px}.stats{gap:16px}.stat{padding:22px}.stat:first-child{border-top:1px solid var(--line)}.stat strong{font-size:32px}.stat.danger strong{color:#af6554}button.primary{background:#245fe5;color:white;border-color:#245fe5}button:hover{background:#edf3ff}button.primary:hover{background:#194fc7}a{color:#2c66cb}.badge{background:#edf3ff;color:#4d75b4;border-radius:5px}.badge.gold{background:#faf2df;color:#8b6c31}.badge.green{background:#e8f4ec;color:#437a60}.status-summary .selected{background:#e8f0ff;border-color:#709ee7}.workflow-track .current{background:#245fe5;border-color:#245fe5;color:white}.status-summary button{font-size:12px}.status-summary strong{font-size:23px}.modalheading{background:white}.modalheading h2{font-size:21px}.modalclose{min-width:36px}.listrow{align-items:center;flex-wrap:wrap;padding:18px 0}.listrow>div{min-width:0}.listrow button{margin:3px;font-size:12px}.toolbar{flex-wrap:wrap}.toolbar input{min-width:170px}.toolbar button{white-space:nowrap}table{white-space:normal}th{font-size:10px}td{font-size:12px;line-height:1.6}td strong{font-size:13px}.muted{color:#7589a2}label{font-size:13px}input,select,textarea{font-size:14px;border-color:#c8d6e8;color:#2b4567}input[type=checkbox]{width:auto}.grid{gap:16px}.authintro{background:#173f7a}.authintro .brand img{width:150px;height:150px}.authintro .brand{align-self:flex-start;border:0}.authintro h1{color:white}.authbox h2{font:30px Georgia,serif}.reportdrop{border-color:#aac3e6}.reportdrop.dragover{background:#edf3ff;border-color:#548bdc}.ambient-ai{inset:0 0 0 236px}.ui-hero .due{min-width:0}.ui-hero .due strong{font-size:27px}.ui-hero .due p{font-size:11px;max-width:240px}.ai-companion{display:none}body.workspace-ready .ai-companion{display:grid}.ai-motion{box-shadow:none}.ai-orb-button:hover{background:transparent}.ai-companion button{font-weight:400}.ai-spark,.ai-eye{display:block}#ai-dialog .dialoghead{padding:0;background:transparent}#ai-dialog .dialoghead button{padding:0}#ai-dialog .btn{font-size:12px}#ai-dialog .ai-summary>div{min-width:0}.paper{color:#182f40;background:white}.paper h1,.paper h2,.paper h3{color:#182f40}.paper td,.paper th{color:#182f40}.paper p{color:inherit}
[data-theme="dark"] .layout aside footer strong{color:#c9dafa}[data-theme="dark"] .brand img{filter:brightness(.78)}[data-theme="dark"] button,[data-theme="dark"] .button{background:#203147;color:#c9d9ee;border-color:#3b526e}[data-theme="dark"] button.primary{background:#3876d8;border-color:#4986e3;color:white}[data-theme="dark"] button:hover{background:#2a4263}[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#203147;color:#d8e5f6;border-color:#3b526e}[data-theme="dark"] .muted,[data-theme="dark"] .eyebrow{color:#a7bad2}[data-theme="dark"] a{color:#9ec5ff}[data-theme="dark"] .badge{background:#253e60;color:#b6d3ff}[data-theme="dark"] .badge.gold{background:#413c2c;color:#e4cb91}[data-theme="dark"] .badge.green{background:#233d37;color:#a6d5c1}[data-theme="dark"] .modalheading{background:#182536}[data-theme="dark"] .workflow-track span{border-color:#425b7c;color:#bdcee5}[data-theme="dark"] .workflow-track .current{background:#315e9f;color:#e3eeff}[data-theme="dark"] .status-summary .selected{background:#29466d;border-color:#638ac5}[data-theme="dark"] .subscription-row,[data-theme="dark"] .doc-line{background:#1d3047;border-color:#3b526e}[data-theme="dark"] .error{color:#ffcebf;background:#4a2b29}[data-theme="dark"] .empty strong{color:#d1e3fc}[data-theme="dark"] .stat.danger strong,[data-theme="dark"] .red{color:#f0b3a3}[data-theme="dark"] .reportdrop.dragover{background:#254263}[data-theme="dark"] .authintro{background:#193253}[data-theme="dark"] .authbox h2{color:#dce9fa}[data-theme="dark"] .ai-orb-button,[data-theme="dark"] .ai-motion{background:transparent;border:0}[data-theme="dark"] .paper,[data-theme="dark"] .paper h1,[data-theme="dark"] .paper h2,[data-theme="dark"] .paper h3,[data-theme="dark"] .paper p,[data-theme="dark"] .paper th,[data-theme="dark"] .paper td,[data-theme="dark"] .paper strong{color:#182f40;background:white}[data-theme="dark"] .paper .muted{color:#526b80}
@media(max-width:1150px){.layout aside{width:195px}.layout main{margin-left:195px;padding-left:23px;padding-right:23px}.ambient-ai{left:195px}}
@media(max-width:700px){.layout aside{position:static;width:auto;height:auto;padding:12px;overflow:visible}.layout aside .brand{display:none}.layout aside nav{display:flex;overflow:auto}.layout aside nav button{white-space:nowrap}.layout aside footer{display:none}.layout main{margin:0;padding:0 16px 140px}.ambient-ai{left:0}.topline{gap:10px;min-height:65px;font-size:10px}.topactions{gap:5px}.topactions>span{display:none}.heading h1{font-size:28px}.heading{flex-wrap:wrap}.stats{gap:10px}.panel{padding:17px}.hero{padding:22px}.ai-companion{grid-template-columns:1fr 58px}.authintro{padding:25px}.authbox{padding:28px}.grid{grid-template-columns:1fr}}
@media print{.ambient-ai,.ai-companion,.ui-hero,.theme-toggle,#ai-dialog{display:none!important}.layout main{margin:0;padding:0}.paper{color:#182f40;background:white}body{background:white}}

[data-theme="dark"] .layout aside nav button{background:transparent}[data-theme="dark"] .layout aside nav button.active,[data-theme="dark"] .layout aside nav button:hover{background:#263f60}.ui-hero .ai-sculpture{opacity:.2}.layout aside nav button svg{flex-shrink:0}.layout aside nav button span{min-width:0}dialog label{align-content:start}.paper .grid{gap:18px}