:root{--navy-dark: #072E3E;--navy: #0A4D68;--navy-mid: #0D6080;--teal: #088395;--teal-light: #0AA3B8;--teal-pale: #D6F0F4;--off-white: #F4F8FA;--ink: #0D1B22;--gray: #5A7A88;--gray-light: #A8C0CA;--border: #D8E8ED;--bg: #05222E;--wall: #0B3A4E;--wall-2: #0E4560;--floor: #0A3446;--work: var(--teal-light);--idle: var(--teal-pale);--sleep: #6F8C99;--stop: #E5636A;--off: #6E8792;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--ease: cubic-bezier(.22, 1, .36, 1);--top-h: calc(64px + env(safe-area-inset-top, 0px)) ;--office-row-min: 300px;--factory-row-min: 360px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--off-white);font-family:Tajawal,system-ui,sans-serif;overflow:hidden;font-size:14px}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}button:focus-visible{outline:2px solid var(--teal-light);outline-offset:3px;border-radius:var(--r-sm)}.num{font-family:Raleway,sans-serif;font-variant-numeric:tabular-nums;font-weight:800}.top{height:var(--top-h);display:flex;align-items:center;gap:28px;padding:env(safe-area-inset-top,0px) max(24px,env(safe-area-inset-right,0px)) 0 max(24px,env(safe-area-inset-left,0px));border-bottom:1px solid rgba(168,192,202,.12);background:var(--navy-dark)}.brand{display:flex;align-items:center;gap:12px;min-width:220px}.brand svg{width:34px;height:34px}.brand b{display:block;font-weight:800;font-size:18px;line-height:1.1}.brand small{color:var(--gray-light);font-size:12px}.kpis{display:flex;align-items:center;gap:6px}.kpi{display:flex;align-items:baseline;gap:7px;padding:8px 12px;border-radius:var(--r-md)}.kpi:hover{background:#0aa3b814}.kpi .num{font-size:20px}.kpi span{color:var(--gray-light);font-size:12px}.kpi-unavail{font-size:11px;color:var(--gray-light);padding:2px 8px;border-radius:999px;border:1px dashed rgba(168,192,202,.3)}.stale-badge{display:inline-flex;flex-direction:column;gap:2px;font-size:11.5px;color:#f2d29b;padding:4px 10px;border-radius:var(--r-sm);border:1px dashed rgba(242,210,155,.45);background:#f2d29b14;margin-bottom:6px}.kpis .stale-badge{margin-bottom:0;padding:2px 8px;border-radius:999px;flex-direction:row;align-items:center}.stale-badge small{font-size:11px;color:var(--gray-light)}.top .spacer{flex:1}.alerts{display:flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid rgba(229,99,106,.45);border-radius:999px;color:#f6b9bc;font-weight:700;font-size:13px}.alerts i{width:8px;height:8px;border-radius:50%;background:var(--stop);box-shadow:0 0 #e5636a99;animation:ping 2s var(--ease) infinite}.alerts.calm{border-color:#a8c0ca40;color:var(--gray-light)}.alerts.calm i{background:var(--gray);animation:none}.stamp{color:var(--gray-light);font-size:12px;text-align:left;line-height:1.35}.stamp .num{font-size:15px;color:var(--off-white)}.sync-err{display:inline-block;margin-inline-end:6px;color:#f2d29b;font-size:11px}.logout{padding:7px 14px;border:1px solid rgba(168,192,202,.25);border-radius:999px;color:var(--gray-light);font-size:13px;font-weight:700}.logout:hover{color:var(--off-white);background:#a8c0ca14}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:1fr 260px;height:calc(100% - var(--top-h))}.stage{position:relative;display:grid;grid-template-rows:minmax(var(--office-row-min),.76fr) minmax(var(--factory-row-min),1.24fr);gap:10px;padding:10px 12px;min-height:0;overflow-y:auto}.sidebar{background:var(--navy-dark);border-inline-start:1px solid rgba(168,192,202,.14);padding:12px 14px;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.zone-box{position:relative;display:flex;flex-direction:column;min-height:0;border-radius:var(--r-lg);border:1px solid rgba(168,192,202,.13);overflow:hidden}.zone-office{background:linear-gradient(180deg,#082e3e,#072836)}.zone-factory{background:linear-gradient(180deg,#061f2a,#041720)}.zone-head{display:flex;align-items:center;gap:10px;padding:6px 14px;background:#05222eb8;border-bottom:1px solid rgba(168,192,202,.1);z-index:2}.zone-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800}.zone-badge.emp{background:#0aa3b82e;color:var(--teal-pale);border:1px solid rgba(10,163,184,.4)}.zone-badge.auto{background:#d6f0f414;color:var(--gray-light);border:1px solid rgba(168,192,202,.24)}.zone-head small{color:var(--gray-light);font-size:11.5px}.zone-legend{margin-inline-start:auto;display:flex;gap:12px;font-size:11px;color:var(--gray-light)}.zone-legend span{display:flex;align-items:center;gap:4px}.zone-legend i{width:7px;height:7px;border-radius:50%;display:inline-block}.s-work{background:var(--work)}.s-idle{background:var(--idle)}.s-sleep{background:var(--sleep)}.s-stop{background:var(--stop)}.s-off{background:var(--off)}.s-vacant{border:1.5px dashed var(--gray-light);background:transparent}.office-grid{flex:1;min-height:0;display:grid;grid-template-columns:.95fr 1.15fr 1.5fr .75fr;gap:8px;padding:8px 10px;position:relative}.area-room{position:relative;border-radius:var(--r-md);background:var(--wall);border:1px solid rgba(168,192,202,.11);display:flex;flex-direction:column;overflow:hidden;min-height:0}.area-head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 10px;z-index:3;background:#072e3e9e;border-bottom:1px solid rgba(168,192,202,.08)}.area-head b{font-size:12.5px;font-weight:800;color:var(--off-white)}.area-metrics{display:flex;gap:5px;flex-wrap:wrap}.metric-pill{font-size:10px;padding:2px 6px;border-radius:999px;background:#0aa3b81f;color:var(--teal-pale);border:1px solid rgba(10,163,184,.22);white-space:nowrap}.scene{position:relative;flex:1;min-height:0;overflow:hidden}.window{position:absolute;top:6px;inset-inline:8px;height:34%;border-radius:8px;background:linear-gradient(180deg,#09374c,#0c4660);overflow:hidden;opacity:.88}.window:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 33%,rgba(5,34,46,.38) 33% 33.4%)}.skyline{position:absolute;bottom:0;inset-inline:0;height:52%;opacity:.38}.floorband{position:absolute;bottom:0;inset-inline:0;height:60%;background:linear-gradient(180deg,var(--floor),#072C3A);border-top:1px solid rgba(168,192,202,.15)}.desks-row{position:absolute;bottom:2px;inset-inline:4px;top:4px;display:flex;justify-content:space-around;align-items:flex-end;gap:4px;z-index:2}.spot{position:relative;flex:1;min-width:0;max-width:138px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:2px;border-radius:var(--r-md);transition:background .2s,transform .2s}.spot:hover{background:#0aa3b814}.spot.active-chat{background:#0aa3b826;box-shadow:inset 0 0 0 1.5px #0aa3b8a6}.spot:hover .rig{transform:translateY(-3px)}.chat-badge{position:relative;z-index:5;flex:none;margin-bottom:4px;display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;background:var(--teal);color:#fff;font-size:10px;font-weight:700;line-height:1.3;box-shadow:0 3px 10px #05222e8c}.chat-badge svg{width:10px;height:10px}.chat-badge.vacant-badge{background:#a8c0ca24;color:var(--gray-light);border:1px dashed rgba(168,192,202,.4);box-shadow:none}.rig{position:relative;flex:none;width:82px;height:74px;margin-bottom:24px;transition:transform .2s var(--ease)}.rig .bot{position:absolute;bottom:16px;left:50%;width:48px;margin-left:-24px;transform-origin:50% 100%}.rig .desk{position:absolute;bottom:0;left:0;width:82px}.rig:after{content:"";position:absolute;bottom:10px;left:50%;width:64px;height:10px;margin-left:-32px;border-radius:50%;z-index:-1}.st-work .rig:after{background:radial-gradient(closest-side,rgba(10,163,184,.45),transparent)}.label{flex:none;min-height:52px;display:flex;flex-direction:column;justify-content:flex-start;text-align:center;line-height:1.2;width:100%}.label b{display:block;font-size:12px;font-weight:800;line-height:1.15}.label .tk{display:block;font-size:9.5px;color:var(--gray-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}.st-work .label .tk{color:#9fe3ec}.st-stop .label .tk{color:#f6b9bc}.st-vacant .label .tk{color:var(--teal-pale);white-space:normal;line-height:1.2;font-size:9.5px}.st-vacant .rig .desk{opacity:.48}.label small{display:flex;align-items:center;justify-content:center;gap:4px;font-size:10.5px;font-weight:700;color:var(--gray-light)}.label small i{flex:none;width:6px;height:6px;border-radius:50%}.st-work .label small{color:#9fe3ec}.st-stop .label small{color:#f6b9bc}.factory-body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;padding:8px 10px 7px;gap:6px;position:relative;background:repeating-linear-gradient(90deg,rgba(10,163,184,.03) 0 42px,transparent 42px 84px)}.conveyor-track{position:absolute;left:16px;right:16px;top:52%;height:12px;margin-top:-6px;border-radius:999px;background:linear-gradient(90deg,#0a4d6859,#0aa3b833,#0a4d6859);border:1px solid rgba(10,163,184,.2);overflow:hidden;pointer-events:none}.conveyor-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-90deg,transparent 0 18px,rgba(10,163,184,.35) 18px 24px);animation:belt 2.2s linear infinite}.factory-clusters{flex:1;min-height:0;display:grid;grid-template-columns:2.35fr 1fr .85fr .85fr;gap:8px;z-index:2}.cluster{background:#072e3e94;border:1px solid rgba(168,192,202,.12);border-radius:var(--r-md);padding:6px 7px;display:flex;flex-direction:column;gap:6px;min-height:0}.cluster-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 6px}.cluster-head b{font-size:12px;font-weight:800;color:var(--teal-pale);white-space:nowrap}.cluster-head .area-metrics{gap:4px}.machines-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-auto-rows:minmax(0,1fr);gap:6px}.machine{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:7px 8px;border-radius:var(--r-sm);text-align:start;background:#05222ee0;border:1px solid rgba(168,192,202,.14);transition:border-color .2s,transform .2s;min-width:0}.machine:hover{border-color:var(--teal-light);transform:translateY(-2px)}.machine.st-stop{border-color:#e5636a8c;background:#3a141c5c}.machine.handoff-flash{box-shadow:0 0 0 2px var(--teal-light),0 0 18px #0aa3b873}.m-top{display:flex;align-items:flex-start;gap:6px}.m-bot{width:24px;height:26px;flex:none}.m-bot .bot{width:100%;height:100%}.m-title{min-width:0;flex:1}.m-title b{display:block;font-size:11.5px;font-weight:800;line-height:1.25;white-space:normal;word-break:keep-all;overflow-wrap:normal}.m-title span{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--gray-light);margin-top:2px}.m-title span i{width:6px;height:6px;border-radius:50%;flex:none}.machine.st-work .m-title span{color:#9fe3ec}.machine.st-stop .m-title span{color:#f6b9bc}.m-note{font-size:10px;color:var(--gray-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.m-times{display:flex;flex-direction:column;gap:2px;padding-top:4px;margin-top:3px;border-top:1px dashed rgba(168,192,202,.14);font-size:9.5px;color:var(--gray-light)}.m-times div{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.m-times span{white-space:nowrap;flex:none}.m-times strong{color:var(--off-white);font-weight:700;text-align:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.factory-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:4;position:relative}.stopped-wrap{position:relative}.stopped-toggle{display:inline-flex;align-items:center;gap:8px;padding:4px 11px;border-radius:999px;background:#6e879224;border:1px solid rgba(168,192,202,.18);color:var(--gray-light);font-size:11.5px;font-weight:700}.stopped-toggle:hover{background:#6e87923d;color:var(--off-white)}.stopped-toggle i{width:7px;height:7px;border-radius:50%;background:var(--off)}.stopped-popover{position:absolute;bottom:34px;inset-inline-start:0;width:480px;background:var(--navy-dark);border:1px solid rgba(168,192,202,.25);border-radius:var(--r-md);padding:10px 12px;box-shadow:0 12px 32px #00000073;display:none;z-index:30}.stopped-popover.open{display:block}.stopped-heading{font-size:12px;color:var(--teal-pale);display:block}.stopped-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.stopped-item{padding:6px 8px;border-radius:var(--r-sm);background:#6e87921f;font-size:11.5px;display:flex;flex-direction:column;gap:2px;text-align:start}.stopped-item:hover{background:#6e879238}.stopped-item b{color:var(--off-white);font-size:12px}.stopped-item small{color:var(--gray-light);font-size:10.5px}.handoff-caption{font-size:11px;color:var(--gray-light);display:flex;align-items:center;gap:6px}.handoff-caption i{width:8px;height:8px;border-radius:50%;background:var(--teal-light);box-shadow:0 0 8px var(--teal-light)}.handoff-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:6}.handoff-path{fill:none;stroke:#0aa3b88c;stroke-width:2;stroke-dasharray:6 5;animation:dashflow 1.4s linear infinite}@keyframes belt{0%{background-position-x:0}to{background-position-x:42px}}@keyframes dashflow{to{stroke-dashoffset:-22}}.st-work .bot{animation:type 1.6s var(--ease) infinite}.st-sleep .bot{transform:rotate(-7deg) translateY(3px);opacity:.82}.st-sleep .zz{position:absolute;top:0;right:14px;font-size:12px;font-family:Raleway;font-weight:800;color:var(--sleep)}.zz span{position:absolute;opacity:0;animation:zz 3.2s linear infinite}.zz span:nth-child(2){animation-delay:1.06s;font-size:13px}.zz span:nth-child(3){animation-delay:2.12s;font-size:16px}.st-stop .bot{bottom:22px}.st-stop .rig:before{content:"";position:absolute;bottom:14px;left:50%;width:88px;height:14px;margin-left:-44px;border-radius:50%;background:radial-gradient(closest-side,rgba(229,99,106,.55),transparent);animation:pulse 1.8s var(--ease) infinite}.st-stop .beacon{animation:blink 1.1s steps(2,jump-none) infinite}.st-off .bot,.st-off .desk{opacity:.45;filter:grayscale(1)}.st-vacant .bot{opacity:.5}.screen-on{animation:glow 2.4s var(--ease) infinite}.pulse-line{stroke-dasharray:60;stroke-dashoffset:60;animation:draw 1.8s linear infinite}@keyframes type{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes zz{0%{transform:translate(0);opacity:0}15%{opacity:1}to{transform:translate(-14px,-30px);opacity:0}}@keyframes pulse{0%,to{transform:scale(.85);opacity:.6}50%{transform:scale(1.1);opacity:1}}@keyframes blink{0%{opacity:1}to{opacity:.25}}@keyframes glow{0%,to{opacity:.85}50%{opacity:1}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes ping{0%{box-shadow:0 0 #e5636a8c}80%,to{box-shadow:0 0 0 8px #e5636a00}}.eye{transform-box:fill-box;transform-origin:center;animation:eyeblink 5.5s infinite;animation-delay:var(--blink, 0s)}.st-idle .eye,.walker .eye{animation:eyeblink 5.5s infinite,look 7s ease-in-out infinite;animation-delay:var(--blink, 0s)}@keyframes eyeblink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes look{0%,40%,to{translate:0 0}50%,70%{translate:3px 0}80%,90%{translate:-3px 0}}.st-idle .rig .desk{opacity:.7}.st-idle .label small{color:var(--teal-pale)}.empty-chair{position:absolute;bottom:16px;left:50%;width:24px;height:18px;margin-left:-12px;border-radius:7px 7px 3px 3px;background:#0d4a62}.walker{position:absolute;bottom:55px;inset-inline-start:var(--x);width:32px;z-index:3;animation:wander var(--dur) ease-in-out infinite;animation-delay:var(--delay, 0s)}.walker .flip{animation:face var(--dur) steps(1,end) infinite;animation-delay:var(--delay, 0s)}.walker .bot{display:block;width:30px;margin:auto;animation:stride .5s ease-in-out infinite}.walker .tag{opacity:0;transition:opacity .2s;display:block;margin:2px auto 0;width:max-content;padding:1px 7px;border-radius:999px;background:#072e3ed9;font-size:10px;font-weight:700;color:var(--teal-pale)}.walker:hover .tag,.walker:focus-visible .tag{opacity:1}.chatter{position:absolute;bottom:16px;left:50%;width:48px;margin-left:-24px;animation:sway 3s ease-in-out infinite}.chatter .bot{position:static;width:100%;margin:0}.chatter.mirror{transform:scaleX(-1);animation:none}.rig .bubble{top:-8px;inset-inline-end:2px}.bubble{position:absolute;top:-14px;inset-inline-end:-6px;padding:1px 6px;border-radius:9px 9px 9px 2px;background:var(--off-white);color:var(--navy);font-family:Raleway;font-weight:800;font-size:10px;opacity:0;animation:talk 4s infinite;animation-delay:var(--talk, 0s)}@keyframes wander{0%,12%{transform:translate(0)}45%,58%{transform:translate(var(--dx))}90%,to{transform:translate(0)}}@keyframes face{0%{transform:scaleX(var(--f0, 1))}45%{transform:scaleX(var(--f1, -1))}90%{transform:scaleX(var(--f0, 1))}}@keyframes stride{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes talk{0%,8%{opacity:0;transform:translateY(4px)}14%,44%{opacity:1;transform:none}50%,to{opacity:0}}.spark{position:absolute;top:6px;left:50%;width:20px;height:20px;margin-left:-10px;opacity:0;pointer-events:none;animation:rise 2.4s var(--ease) forwards}@keyframes rise{0%{opacity:0;transform:translateY(8px) scale(.6)}20%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-34px) scale(.9)}}.smoke{position:absolute;top:6px;left:56%;width:10px;height:10px;border-radius:50%;background:#a8c0ca59;animation:smoke 2.2s ease-out infinite}.smoke:nth-of-type(2){animation-delay:.8s;left:48%}@keyframes smoke{0%{opacity:0;transform:translate(0) scale(.5)}30%{opacity:.8}to{opacity:0;transform:translate(-10px,-30px) scale(1.8)}}.stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--teal-pale);animation:twinkle var(--t, 3s) ease-in-out infinite;animation-delay:var(--d, 0s)}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:.9}}.city-lights i{position:absolute;width:3px;height:3px;background:#9fe3ec;opacity:.5;animation:twinkle var(--t, 6s) ease-in-out infinite;animation-delay:var(--d, 0s)}.prop{position:absolute;bottom:56px;inset-inline-end:8px;z-index:1;opacity:.78;pointer-events:none}.led{animation:twinkle 1.2s steps(2,jump-none) infinite}.steam{animation:smoke 2.6s ease-out infinite;transform-box:fill-box}.clock-hand{transform-box:view-box;transform-origin:20px 20px}.feed{display:grid;gap:6px}.feed-title{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--teal-pale);font-weight:800}.feed-title i{width:7px;height:7px;border-radius:50%;background:var(--work);animation:ping 2s var(--ease) infinite;box-shadow:0 0 #0aa3b880}.event{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;text-align:start;padding:7px 9px;border-radius:var(--r-sm);background:#0aa3b814;font-size:11.5px;line-height:1.4;animation:slidein .4s var(--ease)}.event:hover{background:#0aa3b824}.event em{font-style:normal;font-size:10.5px;color:var(--gray-light);flex:none}.event.handoff{background:#0aa3b82e;border-inline-start:3px solid var(--teal-light)}.event.bad{background:#e5636a1f;border-inline-start:3px solid var(--stop)}@keyframes slidein{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.drawer{position:fixed;top:var(--top-h);bottom:0;left:0;width:420px;background:var(--navy-dark);border-inline-start:1px solid rgba(168,192,202,.16);transform:translate(-100%);transition:transform .32s var(--ease);display:flex;flex-direction:column;z-index:20;box-shadow:12px 0 40px #00000040}.drawer.open{transform:none}.d-head{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid rgba(168,192,202,.12)}.d-head .avatar{width:54px;height:54px;border-radius:var(--r-lg);background:var(--wall);display:grid;place-items:center}.d-head .avatar svg{width:40px}.d-head h3{margin:0;font-size:18px;font-weight:800}.d-head p{margin:2px 0 0;font-size:12.5px;color:var(--gray-light)}.d-head .x{margin-inline-start:auto;width:32px;height:32px;border-radius:var(--r-sm);font-size:20px;color:var(--gray-light)}.d-head .x:hover{background:#a8c0ca1a}.d-body{flex:1;overflow:auto;padding:16px 20px}.state-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;font-size:12.5px;font-weight:700;background:#a8c0ca1a}.state-pill i{width:8px;height:8px;border-radius:50%}.task{margin:12px 0 16px;padding:12px 14px;border-radius:var(--r-md);background:#0aa3b814;font-size:13.5px}.task small{display:block;color:var(--gray-light);font-size:11.5px;margin-bottom:2px}.task .next-run{margin-top:6px;margin-bottom:0;color:var(--teal-pale)}.sessions{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.sessions button{padding:5px 10px;border-radius:var(--r-sm);border:1px solid rgba(168,192,202,.2);font-size:12px;color:var(--gray-light);text-align:start}.sessions button.active{border-color:var(--teal-light);color:var(--off-white);background:#0aa3b81f}.sessions .new{align-self:flex-start;border-color:var(--teal);color:var(--teal-light);font-weight:700}.session-item{display:flex;flex-direction:column;gap:4px}.session-btn{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.session-btn small{font-size:11px;color:var(--gray)}.session-actions{display:flex;gap:6px;padding-inline-start:8px}.meta-line{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;font-size:11.5px;color:var(--gray-light)}.run-controls{display:flex;gap:8px;margin-bottom:12px}.run-controls button{padding:5px 12px;border-radius:var(--r-sm);border:1px solid rgba(168,192,202,.25);font-size:12px;color:var(--gray-light)}.run-controls button.stop{border-color:#e5636a80;color:#f6b9bc}.msgs{display:flex;flex-direction:column;gap:10px}.msg{max-width:86%;padding:9px 13px;border-radius:var(--r-md);font-size:13.5px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.msg.me{align-self:flex-start;background:var(--teal);color:var(--off-white)}.msg.bot{align-self:flex-end;background:#a8c0ca1a}.msg.tool{align-self:stretch;max-width:100%;padding:4px 8px;background:transparent;color:var(--gray-light);font-size:11.5px;opacity:.82}.msg.err{align-self:stretch;max-width:100%;background:#e5636a24;border:1px solid rgba(229,99,106,.45);color:#f6b9bc;font-size:12.5px}.msg.sys{align-self:center;max-width:100%;background:#a8c0ca12;color:var(--gray-light);font-size:12px;text-align:center}.perm{border:1px solid rgba(10,163,184,.45);border-radius:var(--r-md);padding:12px 14px;background:#0aa3b80f}.perm b{display:block;font-size:13px;margin-bottom:4px}.perm .perm-reason{font-size:12px;color:var(--gray-light);margin-bottom:6px}.perm code{display:block;font-family:Raleway,monospace;font-size:12.5px;color:var(--teal-pale);white-space:pre-wrap;unicode-bidi:isolate;overflow:auto;max-height:220px;word-break:break-word}.perm .row{display:flex;align-items:center;gap:8px;margin-top:10px}.perm .row button{padding:6px 14px;border-radius:var(--r-sm);font-weight:700;font-size:13px}.perm .row button:disabled{opacity:.5;cursor:not-allowed}.perm .ok{background:var(--teal);color:var(--off-white)}.perm .no{border:1px solid rgba(229,99,106,.6);color:#f6b9bc}.perm .t{margin-inline-start:auto;font-size:12px;color:var(--gray-light)}.perm.done .row{display:none}.perm .perm-result{margin-top:8px;font-weight:700}.perm .perm-err{margin-top:8px;font-size:12px;color:#f6b9bc}.composer{display:flex;gap:8px;padding:14px 20px;border-top:1px solid rgba(168,192,202,.12)}.composer input{flex:1;background:#a8c0ca14;border:1px solid rgba(168,192,202,.18);border-radius:var(--r-md);padding:10px 12px;color:var(--off-white);font:inherit}.composer input:focus{outline:none;border-color:var(--teal-light)}.composer button{padding:0 18px;border-radius:var(--r-md);background:var(--teal);font-weight:700}.sec{margin-bottom:22px}.sec h5{margin:0 0 10px;font-size:13px;color:var(--teal-light);font-weight:800}.funnel{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.funnel div{padding:8px 10px;border-radius:var(--r-sm);background:#a8c0ca12}.funnel .num{display:block;font-size:18px}.funnel span{font-size:11.5px;color:var(--gray-light)}.rows div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid rgba(168,192,202,.08);font-size:13px}.rows em{font-style:normal;color:var(--gray-light);font-size:12px}.talk{color:#9fe3ec}.wait{color:#f2d29b}.unavail{padding:12px 14px;border-radius:var(--r-md);border:1px dashed rgba(229,99,106,.5);color:#f6b9bc;font-size:13px}.unavail small{display:block;color:var(--gray-light);margin-top:2px}.alert-item{padding:9px 12px;border-radius:var(--r-sm);background:#e5636a14;margin-bottom:6px;font-size:13px}.note{color:var(--gray-light);font-size:12px}.loading-state{display:grid;place-items:center;height:100%;color:var(--gray-light);font-size:14px}.login{height:100%;overflow-y:auto;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.login-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px;padding:28px 24px;border-radius:var(--r-xl);background:var(--navy-dark);border:1px solid rgba(168,192,202,.14);box-shadow:0 18px 48px #00000059}.login-card .brand{min-width:0;margin-bottom:8px}.login-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--gray-light)}.login-field input{width:100%;min-width:0;padding:12px 14px;border-radius:var(--r-md);border:1px solid rgba(168,192,202,.22);background:#a8c0ca14;color:var(--off-white);font:inherit;font-size:16px}.login-field input:focus{outline:none;border-color:var(--teal-light)}.login-field .login-code{font-family:Raleway,sans-serif;letter-spacing:.3em;text-align:center}.login-error{margin:0;padding:10px 12px;border-radius:var(--r-sm);background:#e5636a1f;border:1px solid rgba(229,99,106,.45);color:#f6b9bc;font-size:13px}.login-submit{padding:12px;border-radius:var(--r-md);background:var(--teal);color:var(--off-white);font-weight:800;font-size:15px}.login-submit:disabled{opacity:.6;cursor:progress}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}