:root{--bg:#f5f6f3;--ink:#253e37;--muted:#7b8c85;--teal:#167d68;--line:#e3e9e2;--paper:#fff;--amber:#a77b35;--red:#b55552;--sidebar:210px;font-family:Inter,"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-size:14px;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #60b8a4;outline-offset:3px}button{border:0;background:none;color:inherit}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}p{line-height:1.7;margin:6px 0}h1,h2,h3{margin:0}h2{font-size:17px;font-weight:650}h3{font-size:15px}.muted{color:var(--muted);font-size:12px}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#eef2eb;border-right:1px solid #e0e6de;padding:27px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:23px;font-weight:750;margin-bottom:42px;letter-spacing:1px}.brand:hover{text-decoration:none}.brand small{display:block;font-size:10px;font-weight:500;color:var(--muted);letter-spacing:1px;margin-top:5px}.brand-mark{width:40px;height:43px;border-radius:13px 13px 4px 13px;background:#177969;color:#fff;display:grid;place-items:center;font-size:21px;box-shadow:0 5px 10px #17796918}.nav-label{font-size:11px;letter-spacing:2px;color:#87958b;padding:0 12px;margin-bottom:11px}.nav{width:100%;text-align:left;border-radius:8px;padding:13px 11px;font-size:13px;display:flex;gap:9px;align-items:center}.nav.active{background:#dae9df;color:#276a55;font-weight:600}.nav i{font-size:10px;font-style:normal;margin-left:auto;color:#83a492}.history-heading{display:flex;align-items:center;justify-content:space-between;color:#829087;font-size:11px;letter-spacing:1px;margin:31px 11px 12px}.history-heading button{font-size:18px}.history{flex:1;overflow:auto}.history-item{width:100%;padding:12px 10px;margin-bottom:5px;border:1px solid transparent;border-radius:9px;text-align:left}.history-item:hover{background:#e4ece2}.history-item.selected{background:white;border-color:#dbe3da}.history-item strong{font-size:12px}.history-item small{display:block;color:#88968c;font-size:10px;margin-top:7px}.history-item .history-status{float:right;font-size:10px}.sidebar-bottom{border-top:1px solid #dce3d9;padding:18px 8px 0;font-size:11px;color:#647b6f}.sidebar-bottom p{font-size:10px;color:#8a978d;margin-top:8px}.sidebar-bottom button{margin-top:12px;font-size:11px;padding:0;color:#647b6f}.live-dot{display:inline-block;width:6px;height:6px;background:#64a27e;border-radius:50%;margin-right:7px;vertical-align:middle}.sidebar-bottom .live-dot{box-shadow:0 0 0 4px #64a27e10}main{margin-left:var(--sidebar);padding:0 34px;max-width:1800px}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px}.breadcrumb{color:#92a096;margin-right:7px}.topbar-right{display:flex;gap:17px;align-items:center}.tag{display:inline-flex;padding:4px 9px;align-items:center;border-radius:6px;font-size:10px;font-weight:500;white-space:nowrap}.neutral{background:#edf2ec;color:#718176}.tag.warning{background:#fff3d9;color:#9b762e}.tag.error{background:#fae8e5;color:#ad5650}.tag.success{background:#e4f2e9;color:#438865}.quiet{border:1px solid var(--line);background:white;padding:7px 11px;border-radius:6px;font-size:11px}.danger{color:var(--red)}.user-avatar{background:#d8e6db;border:2px solid white;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#6a8574}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:26px 0 23px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#82968b;margin-bottom:8px}h1{font-size:25px;letter-spacing:.2px;font-weight:650}.plant{color:#94af73;font-size:24px;margin-left:13px}.page-heading p{color:var(--muted);font-size:12px;margin-top:8px}.connection{font-size:11px;color:#77917f}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 7px #273b3210}.controls{padding:18px 22px 0}.controls form{display:flex;align-items:end;gap:22px}.controls label{display:block;font-size:10px;color:#7b8d81;flex:1}.controls label:first-child{flex:1.2}select,input,.readonly{display:block;margin-top:7px;background:white;border:1px solid #dfe6df;border-radius:6px;padding:10px 11px;width:100%;font-size:12px;color:#345244;height:38px}.readonly{background:#f9faf8;color:#718475}.primary{background:var(--teal);color:white;padding:11px 20px;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap;height:38px;box-shadow:0 3px 5px #167d6815}.primary:hover{background:#106953}.controls-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f3ed;margin-top:17px;padding:11px 0;font-size:10px;color:#809286}.text-button{font-size:11px;color:#5c7e6a}.text-button span{margin-left:12px}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}#accountPanel{padding:12px 0 17px}.notice{border-radius:7px;background:#fff4df;color:#926b2e;font-size:12px;padding:12px 16px;margin-top:15px;line-height:1.6}.notice.demo-notice{background:#eaf0fb;color:#5875a1}.office-section{margin-top:21px;overflow:hidden}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 22px}.section-heading h2{display:flex;align-items:center;gap:12px}.section-heading p{color:#86978b;font-size:10px;margin:6px 0 0}.section-actions{display:flex;gap:8px}.workflow-caption{display:flex;justify-content:space-between;padding:0 25px 15px;font-size:9px;color:#849786;letter-spacing:.5px}.workflow-caption span:first-child{width:43%}.workflow-caption span:last-child{text-align:right}.office{position:relative;margin:0 15px;border:1px solid #e4eadd;background-color:#f2f5ec;background-image:linear-gradient(#dbe4d535 1px,transparent 1px),linear-gradient(90deg,#dbe4d535 1px,transparent 1px);background-size:25px 25px;border-radius:9px;height:570px;padding:20px 22px;overflow:hidden}.office:before,.office:after{content:'✦';position:absolute;color:#a5b990;top:292px;font-size:32px;left:7%}.office:after{content:'▥';left:auto;right:8%;color:#a0b696;font-size:30px;top:437px}.flow-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.flow-lines path[data-edge]{fill:none;stroke:#a4b7a5;stroke-width:1.3;stroke-dasharray:5 5;marker-end:url(#arrow);pointer-events:stroke;cursor:pointer}.flow-lines path[data-edge]:hover{stroke:var(--teal);stroke-width:4}.stations{display:grid;grid-template-columns:repeat(6,1fr);gap:65px 20px;position:relative;pointer-events:none}.station{grid-column:span 2;min-width:0;position:relative;background:#ffffffdd;border:1px solid #dce6d8;border-radius:10px;box-shadow:0 4px 0 #dde5d7;padding:12px 14px 10px;text-align:left;pointer-events:auto;transition:border-color .2s,box-shadow .2s;min-height:233px;overflow:hidden}.station[data-role="planner"]{grid-column:2/span 2}.station[data-role="risk"]{grid-column:4/span 2}.station:hover{border-color:#98b99d;box-shadow:0 4px 0 #cedfd0}.station-head{display:flex;justify-content:space-between;align-items:center}.station-name{font-size:10px;color:#83968a}.station-name b{color:#566f5b;font-weight:550}.station-title{font-size:15px;font-weight:650;margin-top:5px}.station-duty{font-size:10px;color:#829581;margin-top:5px;min-height:16px;line-height:1.55}.station .state-tag{font-size:9px;border-radius:4px;padding:4px 6px;background:#eef1eb;color:#8c998b;white-space:nowrap}.station.fetching .state-tag,.station.analyzing .state-tag{background:#dff0e7;color:#438965}.station.needs_info .state-tag{background:#fff1d9;color:#a18447}.station.failed .state-tag{background:#f9e5e0;color:#af6258}.station.cancelled .state-tag{background:#e7e9e7;color:#7c8580}.employee{height:91px;width:100%;display:block;margin-top:3px}.employee .body{fill:var(--role-color,#658e75)}.employee .paper{fill:white;stroke:#9ba99c;stroke-width:1}.employee .screen{fill:#e5f1e8;stroke:#8d9c8c;stroke-width:1}.employee .screen-line{stroke:var(--role-color);stroke-width:2;fill:none}.employee .face{fill:#ecc9a7}.employee .hair{fill:#5a5c50}.employee .desk{fill:#d7c5a4;stroke:#b4a488;stroke-width:1}.employee .desk-leg{stroke:#a8aa91;stroke-width:3}.employee .monitor-base{fill:#99a998}.employee .eye{fill:#484b41}.station.analyzing .employee .screen-line{stroke-dasharray:40;animation:scan 2s linear infinite}.station.fetching .employee .paper{animation:page .9s ease-in-out infinite alternate;transform-origin:145px 50px}.station.analyzing .employee .head{animation:think 2.3s ease-in-out infinite alternate;transform-origin:103px 37px}.station.failed .employee .screen{fill:#f7ddd4}.station .action{display:flex;gap:6px;align-items:flex-start;font-size:10px;color:#617961;line-height:1.6;min-height:32px;margin-top:2px}.action .action-icon{color:#94af89;font-size:11px}.station .station-output{font-size:9px;color:#8a9989;margin-top:7px;padding-top:7px;border-top:1px solid #eef1e9;line-height:1.5}.station-output strong{font-weight:500;color:#6b846c}.office-floor-label{position:absolute;bottom:13px;left:0;right:0;text-align:center;color:#a2afa0;font-size:9px;letter-spacing:1px}.office-footer{display:flex;justify-content:space-between;padding:14px 22px 15px;font-size:10px;color:#8b9b8d}.office-footer i{width:5px;height:5px}.handoff-list:empty{display:none}.handoff-list{display:flex;flex-wrap:wrap;gap:6px;padding:0 22px 15px}.handoff-list button{font-size:9px;padding:5px 8px;background:#f2f6ee;border:1px solid #e1e9dd;border-radius:5px;color:#708566}.flying-doc{position:absolute;background:white;border:1px solid #95bba4;border-radius:4px;color:#23856b;font-size:17px;padding:2px 5px;box-shadow:0 3px 6px #174f3420;z-index:5;pointer-events:none}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:18px}.metric{background:#fff;border:1px solid var(--line);padding:14px 17px;border-radius:9px}.metric span{display:block;font-size:10px;color:#87978c}.metric strong{display:block;font-size:18px;font-weight:550;margin:7px 0}.metric small{font-size:9px;color:#819784}.bottom-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:18px;margin-top:20px}.activity .section-heading,.result .section-heading{border-bottom:1px solid #edf1e9}.count{background:#edf2ec;color:#809079;font-size:9px;padding:3px 7px;border-radius:20px}.timeline{height:342px;overflow:auto;padding:14px 20px 20px}.timeline-event{position:relative;width:100%;display:grid;grid-template-columns:48px 1fr;gap:9px;text-align:left;padding:9px 0}.timeline-event .time{font-size:9px;font-variant-numeric:tabular-nums;color:#97a095;padding-top:3px}.event-description{font-size:11px;color:#60765f;line-height:1.7;border-left:1px solid #e7eddf;padding-left:15px;position:relative}.event-description:before{content:'';position:absolute;left:-3px;top:7px;background:#a5bc9d;width:5px;height:5px;border-radius:50%}.timeline-event[data-type="retry"] .event-description:before,.timeline-event.failed .event-description:before{background:#d1a566}.event-role{font-size:9px;color:#99a390;margin-bottom:2px}.event-description p{margin:0;line-height:1.65}.timeline-event:hover .event-description{color:var(--teal)}.empty-small{padding:75px 12px;color:#9ba89b;text-align:center;font-size:12px}.result-empty{text-align:center;padding:46px 16px 36px}.empty-file{display:grid;place-items:center;margin:auto auto 19px;width:48px;height:55px;border:1px solid #dce6d5;border-radius:9px;background:#f4f7f0;color:#a8bd99;font-size:27px}.result-empty h3{font-size:13px;color:#788a71;font-weight:500}.result-empty p{font-size:11px;color:#9baa95;line-height:1.9;margin-top:13px}.empty-steps{font-size:9px;color:#9aac90;margin-top:27px;background:#f5f8f0;padding:10px;border-radius:6px}.final-content{padding:20px 23px;font-size:12px;line-height:1.8}.final-decision{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.decision-pill{background:#f4e9ce;color:#947531;border:1px solid #efe0b9;border-radius:8px;padding:6px 16px;font-size:20px;font-weight:600}.final-content h3{font-size:12px;margin:18px 0 7px}.final-content ul{padding-left:19px;color:#6e806d;margin:0}.final-content li{margin:7px 0}.refs{display:inline-flex;flex-wrap:wrap;gap:4px;margin-left:4px}.ref{background:#edf3e9;color:#6a8a58;border-radius:3px;padding:2px 5px;font-size:9px;display:inline-block}.risk-box{background:#fcf5e5;border:1px solid #f0e4c7;border-radius:7px;padding:12px 14px;margin-top:16px;color:#997732;font-size:11px}.risk-box.error{background:#fff0eb;border-color:#f0d6cb;color:#ad6254}.final-meta{font-size:9px;color:#96a58f;margin-top:16px;border-top:1px solid #edf1e6;padding-top:11px}.page-footer{display:flex;justify-content:space-between;font-size:9px;color:#98a593;padding:23px 1px}.page-footer span{color:#a5aea0}dialog{position:fixed;inset:0 0 0 auto;margin:0;width:620px;height:100%;max-height:100%;border:0;border-left:1px solid #d9e4d6;background:#fbfcf9;color:var(--ink);padding:0;box-shadow:-15px 0 60px #263d3420;max-width:100%}dialog::backdrop{background:#1d372b40;backdrop-filter:blur(2px)}.dialog-heading{padding:24px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fbfcf9;z-index:1}.dialog-heading button{font-size:25px;color:#9ba895}#detailBody{padding:20px 25px;font-size:12px;line-height:1.8;overflow-wrap:anywhere}#detailBody h3{font-size:14px;margin:21px 0 9px}#detailBody ul{padding-left:20px}#detailBody p{color:#6e8270}.detail-card{background:white;border:1px solid var(--line);border-radius:7px;padding:13px 15px;margin-bottom:11px}.detail-card h4{margin:0 0 8px;font-size:12px}.detail-label{font-size:10px;color:#859482}.detail-meta{font-size:10px;color:#8c9b86;margin-top:8px}.detail-buttons{display:flex;gap:6px;flex-wrap:wrap}.technical{margin-top:15px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f4ed;border:1px solid var(--line);padding:12px;border-radius:7px;font-size:10px;max-height:400px;overflow:auto;line-height:1.65;color:#6b7e62}.price-chart{width:100%;height:175px;background:#f3f6ee;border-radius:7px;margin-top:10px}.price-chart polyline{fill:none;stroke:#368b70;stroke-width:2}.price-chart line{stroke:#dde6d5;stroke-width:1}.plan-grid{display:grid;grid-template-columns:1fr;gap:7px}.plan-grid div{background:#f7f9f2;padding:9px 11px;border-radius:5px}.plan-grid b{display:block;font-size:10px;color:#99a78d;font-weight:500}.error-text{color:#af6150}.reduce-motion *{animation:none!important;transition:none!important}.reduce-motion .flying-doc{display:none}@keyframes scan{from{stroke-dashoffset:40}to{stroke-dashoffset:-40}}@keyframes page{to{transform:rotate(-5deg)}}@keyframes think{to{transform:rotate(3deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.flying-doc{display:none}}
.station[data-role="intel"]{--role-color:#8b9ba9}.station[data-role="market"]{--role-color:#78a78c}.station[data-role="contract"]{--role-color:#b19b75}.station[data-role="planner"]{--role-color:#8499b1}.station[data-role="risk"]{--role-color:#a098b1}.action>span:last-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.station-output strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.office{height:auto;min-height:600px;padding-bottom:40px}.station-duty{font-size:12px}.station .action{font-size:11px}.station .station-output{font-size:10px}.station{min-height:260px}.bottom-grid{align-items:start}
@media(min-width:1450px){:root{--sidebar:232px}main{padding:0 46px}.office{height:auto;min-height:640px}.station{min-height:260px}.employee{height:100px}.stations{gap:66px 30px}.station-duty,.station .action{font-size:12px}.station-title{font-size:16px}.station .station-output{font-size:10px}}
@media(max-width:1100px){:root{--sidebar:175px}main{padding:0 22px}.sidebar{padding:24px 12px}.controls form{gap:12px}.station{padding:11px 10px}.station-duty{font-size:11px;min-height:30px}.office{padding:18px 13px 38px;height:auto}.stations{gap:65px 12px}.station{min-height:265px}.station .action{min-height:45px}.employee{height:78px}.flow-lines{display:none}.handoff-list{padding-top:5px}.bottom-grid{grid-template-columns:1fr 1fr}.metrics{gap:8px}.metric{padding:12px}.page-heading h1{font-size:22px}}
@media(max-width:850px){:root{--sidebar:0px}.sidebar{display:none}main{padding:0 16px}.topbar{height:56px}.topbar-right{gap:8px}.topbar-right .tag{display:none}.page-heading{padding:23px 0 18px}.page-heading h1{font-size:21px}.connection{display:none}.controls{padding:15px 16px 0}.controls form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.primary{grid-column:span 2}.controls-footer{gap:12px;align-items:start;line-height:1.5}.controls-footer #modelNote{max-width:65%}.office{height:auto;padding:17px}.stations{grid-template-columns:repeat(2,1fr);gap:20px}.station,.station[data-role="planner"],.station[data-role="risk"]{grid-column:span 1;min-height:246px}.station[data-role="contract"]{grid-column:1}.station[data-role="planner"]{grid-column:2}.station[data-role="risk"]{grid-column:1/span 2}.station[data-role="risk"] .employee{height:82px}.office:before,.office:after,.office-floor-label{display:none}.workflow-caption{font-size:8px;gap:10px}.workflow-caption span:first-child{width:auto}.office-footer{font-size:9px;gap:12px}.bottom-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.timeline{height:280px}.account-grid{grid-template-columns:repeat(2,1fr)}.page-footer{display:block;line-height:1.8}.page-footer span{display:block}.section-heading{padding:17px}.section-actions{gap:5px}.section-actions .quiet{font-size:9px;padding:6px}.station-duty{min-height:32px;font-size:11px}.station .action{font-size:11px;min-height:45px}.station-title{font-size:16px}.employee{height:80px}.station .station-output{font-size:10px}.station-head{flex-wrap:wrap;gap:5px}}
@media(max-width:420px){main{padding:0 10px}.page-heading h1{font-size:18px}.plant{font-size:18px;margin-left:6px}.office{margin:0 8px;padding:10px}.stations{gap:15px 10px}.station{padding:10px 9px;min-height:260px}.station-name{font-size:9px}.station-duty{font-size:10px}.station-title{font-size:14px}.station .action{font-size:10px;min-height:48px}.employee{height:80px}.section-heading h2{font-size:15px;gap:6px}.office-footer{padding:13px}.station .station-output{font-size:9px}}
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:30px 18px;background:radial-gradient(ellipse at 20% 20%,#deeadb80,transparent 55%),radial-gradient(ellipse at 90% 80%,#e2ece680,transparent 45%),#f5f6f2}.login-card{width:min(430px,100%);min-width:0;background:#fff;border:1px solid #dfe7db;border-radius:18px;box-shadow:0 18px 60px #263c3210;padding:38px}.login-brand{display:flex;gap:13px;align-items:center;margin-bottom:33px}.login-brand .brand-mark{width:46px;height:48px;font-size:24px}.login-brand h1{font-size:25px;letter-spacing:2px}.login-brand p{font-size:11px;color:#829381;letter-spacing:1px;margin:3px 0}.login-card h2{font-size:21px}.login-intro{font-size:12px;color:#82917f;margin:12px 0 25px}.login-card form label{display:block;font-size:12px;color:#667e69;margin:18px 0 0}.login-card input{height:44px;font-size:13px;margin-top:8px}.login-card .primary{width:100%;height:45px;margin-top:25px;font-size:13px}.password-field{position:relative}.password-field input{padding-right:58px}.password-field button{position:absolute;right:10px;top:11px;padding:6px;color:#8a9b83;font-size:11px}.login-error{font-size:12px;color:#ad5e52;background:#fff0eb;border-radius:6px;padding:9px 11px;margin-top:14px}.login-note{border-top:1px solid #e9eee4;font-size:10px;color:#96a28f;line-height:1.8;margin-top:27px;padding-top:17px}@media(max-width:500px){.login-card{padding:29px 25px}.topbar-right{gap:5px}.topbar-right .quiet{font-size:10px;padding:6px 7px}.topbar .breadcrumb{display:none}}
.bottom-grid{--memo-height:342px}.bottom-grid>.panel>.section-heading{height:85px;min-height:85px}.bottom-grid .timeline,.bottom-grid #result{height:var(--memo-height);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin}.memo-summary{background:#f2f7ed;padding:12px 14px;border-radius:8px;margin-top:15px}.memo-summary h3{margin:0 0 7px}.memo-fold{border-top:1px solid #e7eddf;margin-top:16px;padding-top:12px}.memo-fold>summary{cursor:pointer;font-size:12px;font-weight:600;color:#66825d;padding:4px 0}.memo-fold[open]>summary{margin-bottom:10px}.memo-foot{font-size:10px;color:#8a9c80;margin-top:17px}.automation-note{margin-top:15px;padding:12px 16px;background:#eaf2e5;border:1px solid #dce8d2;border-radius:8px;color:#6a835f;font-size:11px;line-height:1.7}.automation-note strong{font-weight:600;color:#446746}.history-item .auto-label{color:#4f8b66}@media(max-width:850px){.bottom-grid{--memo-height:280px}}
.auto-only-tag{font-size:11px;color:#658c66;white-space:nowrap;padding:11px 8px}.monitor-note{font-size:11px;margin:0 22px 15px;padding:10px 12px;background:#f0f6ed;border-radius:7px;color:#698064;line-height:1.65}.monitor-note strong{color:#3b755c;font-weight:600}.monitor-note .muted{font-size:10px}@media(max-width:850px){.auto-only-tag{grid-column:span 2;text-align:center;padding:3px}.monitor-note{margin:0 15px 13px;font-size:10px}}

/* Articulated, state-driven employees. Only transforms and opacity animate. */
.office{height:auto;min-height:640px}
.station{min-height:282px}
.employee,.station[data-role="risk"] .employee{height:132px;max-width:100%;overflow:hidden;margin:6px auto 3px}
.employee .hair{fill:#515b52}
.employee .screen{fill:#edf5ee;stroke:#94a996;stroke-width:1.5}
.employee .body{fill:var(--role-color)}
.employee .eye{animation:none}
.employee .eyes{transform-box:view-box;transform-origin:131px 43px;animation:office-blink 6.8s infinite;animation-delay:var(--employee-delay)}
.employee .employee-torso{transform-box:view-box;transform-origin:131px 116px;animation:office-breathe 5.6s ease-in-out infinite;animation-delay:var(--employee-delay)}
.employee .arm-left{transform-box:view-box;transform-origin:118px 77px}
.employee .arm-right{transform-box:view-box;transform-origin:144px 77px}
.employee .reading-page{opacity:0;transform-box:view-box;transform-origin:168px 99px}
.employee .work-tool{transform-box:view-box;transform-origin:188px 104px}
.station[data-motion] .employee .head{transform-box:view-box;transform-origin:131px 67px;animation:office-look 8.5s ease-in-out infinite;animation-delay:var(--employee-delay)}
.station[data-motion] .employee .screen-line{animation:none;stroke-dasharray:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.station[data-motion] .employee .paper{animation:none}
.station[data-motion="waiting"] .employee .arm-right{animation:office-rest 10s ease-in-out infinite;animation-delay:var(--employee-delay)}
.station[data-motion="monitoring"] .employee .head{animation:office-watch 5.4s ease-in-out infinite;animation-delay:var(--employee-delay)}
.station[data-motion="monitoring"] .employee .arm-left{animation:office-check 6s ease-in-out infinite;animation-delay:var(--employee-delay)}
.station[data-motion="monitoring"] .employee .screen-status{animation:office-indicator 3s ease-in-out infinite}
.station[data-motion="fetching"] .employee .reading-page{opacity:1;animation:office-read-page 2.8s ease-in-out infinite}
.station[data-motion="fetching"] .employee .arm-right{animation:office-read-arm 2.8s ease-in-out infinite}
.station[data-motion="fetching"] .employee .head{animation:office-reading 4s ease-in-out infinite}
.station[data-motion="analyzing"] .employee .arm-left{animation:office-type-left 1.3s ease-in-out infinite}
.station[data-motion="analyzing"] .employee .arm-right{animation:office-type-right 1.3s ease-in-out infinite}
.station[data-motion="analyzing"] .employee .head{animation:office-focus 4.2s ease-in-out infinite}
.station[data-motion="analyzing"] .employee .screen-line{stroke-dasharray:55;animation:office-chart 3s ease-in-out infinite}
.station[data-role="intel"][data-motion="analyzing"] .employee .reading-page,
.station[data-role="risk"][data-motion="analyzing"] .employee .reading-page{opacity:1;animation:office-read-page 3.8s ease-in-out infinite}
.station[data-role="planner"][data-motion="analyzing"] .employee .arm-right{animation:office-writing 2.6s ease-in-out infinite}
.station[data-motion="completed"] .employee .head{animation:office-nod 1s ease-in-out 1}
.station[data-motion="needs_info"] .employee .head{animation:office-look 10s ease-in-out infinite;animation-delay:var(--employee-delay)}
.station[data-motion="failed"] .employee .head{animation:office-shake .8s ease-in-out 1}
.station[data-motion="failed"] .employee .screen{fill:#f6e5df}
.station[data-motion="cancelled"] .employee *{animation:none}
.station[data-visible="false"] .employee *, .office-tab-hidden .employee *{animation-play-state:paused!important}
@keyframes office-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}
@keyframes office-blink{0%,42%,46%,100%{transform:scaleY(1)}44%{transform:scaleY(.08)}}
@keyframes office-look{0%,20%,100%{transform:rotate(0)}35%,55%{transform:rotate(-4deg) translateY(-1px)}72%,85%{transform:rotate(2deg)}}
@keyframes office-rest{0%,60%,100%{transform:rotate(0)}72%,80%{transform:rotate(-7deg)}}
@keyframes office-watch{0%,100%{transform:rotate(-2deg)}40%,65%{transform:rotate(-7deg) translateX(-1px)}}
@keyframes office-check{0%,60%,100%{transform:rotate(0)}68%,82%{transform:rotate(-5deg)}}
@keyframes office-indicator{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes office-read-page{0%,100%{transform:rotate(-4deg) translateY(-2px)}50%{transform:rotate(3deg) translateY(-5px)}}
@keyframes office-read-arm{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(-11deg)}}
@keyframes office-reading{0%,100%{transform:rotate(4deg)}50%{transform:rotate(8deg) translateY(1px)}}
@keyframes office-type-left{0%,100%{transform:rotate(-1deg)}35%{transform:rotate(-7deg)}65%{transform:rotate(1deg)}}
@keyframes office-type-right{0%,100%{transform:rotate(0)}30%{transform:rotate(5deg)}65%{transform:rotate(-4deg)}}
@keyframes office-focus{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(-7deg) translateY(2px)}}
@keyframes office-chart{0%{stroke-dashoffset:55;opacity:.55}55%,100%{stroke-dashoffset:0;opacity:1}}
@keyframes office-writing{0%,100%{transform:rotate(0)}25%,65%{transform:rotate(-5deg)}45%,85%{transform:rotate(2deg)}}
@keyframes office-nod{0%,100%{transform:rotate(0)}45%{transform:translateY(3px) rotate(5deg)}}
@keyframes office-shake{0%,100%{transform:rotate(0)}25%,65%{transform:rotate(-4deg)}45%,85%{transform:rotate(4deg)}}
@media(max-width:1100px){.office{min-height:0}.station{min-height:288px}.employee,.station[data-role="risk"] .employee{height:128px}}
@media(max-width:560px){
 .stations{grid-template-columns:minmax(0,1fr);gap:17px}
 .station,.station[data-role="contract"],.station[data-role="planner"],.station[data-role="risk"]{grid-column:1;min-height:0;padding:15px 17px 13px}
 .employee,.station[data-role="risk"] .employee{height:152px;max-width:285px;margin:8px auto 5px}
 .station-title{font-size:17px}.station-duty{font-size:12px;min-height:0}
 .station-name{font-size:11px}.station .state-tag{font-size:10px}
 .station .action{font-size:12px;min-height:0;margin-top:6px}
 .station .station-output{font-size:11px;margin-top:12px;padding-top:10px}
 .workflow-caption{flex-wrap:wrap;line-height:1.7;gap:4px 12px}
}
.reduce-motion .employee *, .reduce-motion .station[data-motion] .employee *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.employee *{animation:none!important;transition:none!important}}

/* Visible task gestures: contact with the keyboard, paper, pen and calculator. */
.station{border-top:3px solid var(--role-color)}
.station-name b{color:var(--role-color)}
.employee .work-arms,.employee .screen-document{display:none}
.employee .sleeve{stroke:var(--role-color);stroke-width:11;stroke-linecap:round;fill:none}
.employee .forearm{stroke:#ecc9a7;stroke-width:6;stroke-linecap:round;fill:none}
.employee .fingers{stroke:#d7ad8b;stroke-width:1.8;stroke-linecap:round;fill:none}
.employee .key-hit{opacity:0}
.employee .page-flip{transform-box:view-box;transform-origin:170px 92px}
.employee .screen-row{fill:none;stroke:var(--role-color);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:34;stroke-dashoffset:34}
.employee .screen-caret{stroke:var(--role-color);stroke-width:1.4}
.station:is([data-motion="analyzing"],[data-motion="monitoring"]) .employee .work-arms{display:block}
.station:is([data-motion="analyzing"],[data-motion="monitoring"]) .employee :is(.arm-left,.arm-right,.reading-page){display:none}
.station:is([data-motion="analyzing"],[data-motion="monitoring"]) .employee .employee-torso{animation:none}
.station:is([data-motion="analyzing"],[data-motion="monitoring"]) .employee .head{animation:office-work-focus 7s ease-in-out infinite}
.station:is([data-motion="analyzing"],[data-motion="monitoring"]) .employee .typing-left{animation:office-keystroke .38s ease-in-out infinite}
.station:is([data-motion="analyzing"],[data-motion="monitoring"]) .employee .typing-right{animation:office-keystroke .32s ease-in-out infinite;animation-delay:-.17s}
.station:is([data-motion="analyzing"],[data-motion="monitoring"]) .employee .key-left{animation:office-key-light .38s steps(2,end) infinite}
.station:is([data-motion="analyzing"],[data-motion="monitoring"]) .employee .key-right{animation:office-key-light .32s steps(2,end) infinite;animation-delay:-.17s}
.station[data-role="intel"][data-motion="analyzing"] .employee .page-flip{animation:office-turn-page 3.6s ease-in-out infinite}
.station[data-role="intel"][data-motion="analyzing"] .employee .page-hand{animation:office-paper-grip 3.6s ease-in-out infinite}
.station[data-role="contract"][data-motion="analyzing"] .employee .calculator-hand{animation:office-calculate .7s ease-in-out infinite}
.station[data-role="planner"][data-motion="analyzing"] .employee .writing-hand{animation:office-pen-write 2.4s ease-in-out infinite}
.station[data-role="planner"][data-motion="analyzing"] .employee .writing-trace{stroke-dasharray:36;animation:office-ink 2.4s linear infinite}
.station[data-role="risk"][data-motion="analyzing"] .employee .review-hand{animation:office-checklist-pen 3.6s ease-in-out infinite}
.station[data-role="risk"][data-motion="analyzing"] .employee .review-checks{stroke-dasharray:30;animation:office-ink 3.6s steps(3,end) infinite}
.station:is([data-role="intel"],[data-role="planner"],[data-role="risk"])[data-motion="analyzing"] .employee .work-tool{opacity:0}
.station:is([data-role="intel"],[data-role="planner"],[data-role="risk"])[data-motion="analyzing"] .employee .screen-line{opacity:0}
.station:is([data-role="intel"],[data-role="planner"],[data-role="risk"])[data-motion="analyzing"] .employee .screen-document{display:block}
.station[data-motion="analyzing"] .employee .screen-row{animation:office-text-row 3s steps(5,end) infinite}
.station[data-motion="analyzing"] .employee .row-two{animation-delay:-2s}
.station[data-motion="analyzing"] .employee .row-three{animation-delay:-1s}
.station[data-motion="analyzing"] .employee .screen-caret{animation:office-indicator .7s steps(2,end) infinite}
@keyframes office-work-focus{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(-4deg)}}
@keyframes office-keystroke{0%,100%{transform:translateY(-3px)}45%,65%{transform:translateY(1px)}}
@keyframes office-key-light{0%,100%{opacity:0}45%,65%{opacity:.65}}
@keyframes office-turn-page{0%,58%,100%{transform:scaleX(0);opacity:0}65%{transform:scaleX(.1);opacity:1}82%{transform:scaleX(1);opacity:1}94%{transform:scaleX(1);opacity:0}}
@keyframes office-paper-grip{0%,55%,100%{transform:translateY(0)}75%{transform:translateY(-3px)}}
@keyframes office-calculate{0%,100%{transform:translateY(-3px)}55%,70%{transform:translateY(2px)}}
@keyframes office-pen-write{0%,100%{transform:translateX(0)}20%{transform:translate(3px,-1px)}40%{transform:translate(5px,1px)}60%{transform:translate(7px,-1px)}82%{transform:translate(9px,1px)}}
@keyframes office-ink{0%{stroke-dashoffset:36}85%,100%{stroke-dashoffset:0}}
@keyframes office-checklist-pen{0%,15%{transform:translateY(-11px)}25%,45%{transform:translateY(-3px)}55%,75%{transform:translateY(5px)}85%,100%{transform:translateY(-11px)}}
@keyframes office-text-row{0%{stroke-dashoffset:34}65%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:34}}

/* Intelligence listens on a handset; derivatives compares a cost sheet. */
.employee .phone-pose{opacity:0;transform-box:view-box;transform-origin:145px 77px}
.employee .table-hand{display:none}
.station[data-role="intel"][data-motion="analyzing"] .employee .phone-pose{animation:office-phone-pickup 7.2s ease-in-out infinite}
.station[data-role="intel"][data-motion="analyzing"] .employee .reading-pose{animation:office-phone-reading 7.2s ease-in-out infinite}
.station[data-role="contract"][data-motion="analyzing"] .employee .typing-left{display:none}
.station[data-role="contract"][data-motion="analyzing"] .employee .table-hand{display:block;animation:office-compare-table 3s ease-in-out infinite}
.station[data-role="contract"][data-motion="analyzing"] .employee .key-hit{animation:none;opacity:0}
@keyframes office-phone-pickup{0%,27%,100%{opacity:0;transform:rotate(55deg)}32%{opacity:1;transform:rotate(55deg)}43%,72%{opacity:1;transform:rotate(0)}84%{opacity:1;transform:rotate(55deg)}88%{opacity:0;transform:rotate(55deg)}}
@keyframes office-phone-reading{0%,27%,100%{opacity:1}32%,84%{opacity:0}88%{opacity:1}}
@keyframes office-compare-table{0%,100%{transform:translateX(0)}40%{transform:translateX(7px)}70%{transform:translate(3px,3px)}}