:root{color:#10201d;background:#eef6f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}.loading-screen,.login-screen{align-items:center;background:linear-gradient(180deg,rgba(5,150,105,.08),transparent 45%),#edf6f2;display:flex;min-height:100vh;justify-content:center;padding:24px}.login-card{background:#ffffffeb;border:1px solid rgba(15,118,110,.18);border-radius:24px;box-shadow:0 24px 80px #0f172a1f;max-width:440px;padding:32px;width:100%}.brand-mark{align-items:center;background:#0f766e;border-radius:14px;color:#fff;display:flex;height:44px;justify-content:center;margin-bottom:18px;width:44px}.login-card span,.eyebrow,.panel-header span{color:#0f766e;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.login-card h1{font-size:32px;line-height:1.05;margin:10px 0 24px}.login-card form,.login-card label{display:grid;gap:10px}.login-card form{gap:16px}.login-card input{border:1px solid #c8d8d3;border-radius:12px;padding:13px 14px}.login-card button,.decision-actions button{align-items:center;background:#0f766e;border-radius:12px;color:#fff;display:inline-flex;font-weight:800;gap:8px;justify-content:center;padding:13px 16px}.form-error{color:#be123c;margin:0}.app-shell{margin:0 auto;max-width:1540px;padding:28px}.hero{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:22px}.hero h1{font-size:52px;line-height:1;margin:8px 0}.hero p{color:#52625d;font-size:18px;margin:0;max-width:760px}.connection-pill{align-items:center;background:#fff;border:1px solid #d8e5e1;border-radius:999px;display:flex;font-weight:800;gap:8px;padding:10px 14px;white-space:nowrap}.connection-pill.online{color:#047857}.connection-pill.offline{color:#b45309}.view-tabs{display:inline-flex;gap:8px;margin:0 0 18px}.view-tabs button{align-items:center;background:#ffffffd1;border:1px solid #d8e5e1;border-radius:999px;color:#475569;display:inline-flex;font-weight:900;gap:8px;padding:10px 14px}.view-tabs button.active{background:#0f766e;border-color:#0f766e;color:#fff}.stat-grid,.main-grid,.side-grid{display:grid;gap:16px}.stat-grid{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:16px}.stat-card,.panel{background:#ffffffe0;border:1px solid rgba(148,163,184,.28);border-radius:22px;box-shadow:0 16px 48px #0f172a12}.stat-card{align-items:center;display:flex;gap:14px;padding:18px}.stat-icon{align-items:center;background:#dff4ed;border-radius:14px;color:#0f766e;display:flex;height:44px;justify-content:center;width:44px}.stat-card span,.git-card span,.task-card small{color:#64748b;display:block;font-size:12px;font-weight:700}.stat-card strong{display:block;font-size:28px}.main-grid{grid-template-columns:minmax(0,1.55fr) minmax(360px,.85fr);margin-bottom:16px}.openclaw-panel,.codex-panel{margin-bottom:16px}.openclaw-stats{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));margin-bottom:16px}.openclaw-stats div{background:#0f172a;border-radius:16px;color:#d1fae5;padding:14px}.codex-stats div{background:#1f2937}.openclaw-stats span,.openclaw-foot{color:#94a3b8;font-size:12px;font-weight:800}.openclaw-stats strong{display:block;font-size:28px;margin-top:3px}.openclaw-agent-roster{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:16px;max-height:280px;overflow:auto}.openclaw-agent-chip{align-items:center;background:#f8fbfa;border:1px solid #dce9e4;border-left:5px solid #94a3b8;border-radius:14px;display:flex;gap:12px;justify-content:space-between;min-width:0;padding:11px 12px}.openclaw-agent-chip.status-running,.openclaw-agent-chip.status-thinking,.openclaw-agent-chip.status-reviewing{border-left-color:#10b981}.openclaw-agent-chip.status-blocked,.openclaw-agent-chip.status-waiting_ceo{border-left-color:#f59e0b}.openclaw-agent-chip.status-failed{border-left-color:#f43f5e}.openclaw-agent-chip strong,.openclaw-agent-chip p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.openclaw-agent-chip strong{-webkit-line-clamp:1;line-height:1.2}.openclaw-agent-chip p{-webkit-line-clamp:1;color:#64748b;font-size:12px;font-weight:700;margin:4px 0 0}.openclaw-agent-chip>span{background:#e2e8f0;border-radius:999px;color:#334155;flex:0 0 auto;font-size:11px;font-weight:900;padding:4px 8px;text-transform:uppercase}.openclaw-agent-chip.status-running>span,.openclaw-agent-chip.status-thinking>span,.openclaw-agent-chip.status-reviewing>span{background:#dcfce7;color:#047857}.openclaw-agent-chip.status-blocked>span,.openclaw-agent-chip.status-waiting_ceo>span{background:#fef3c7;color:#92400e}.openclaw-agent-chip.status-failed>span{background:#ffe4e6;color:#be123c}.openclaw-columns{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.openclaw-columns h3{align-items:center;display:flex;font-size:14px;gap:7px;margin:0 0 10px}.openclaw-list{display:grid;gap:8px;max-height:360px;overflow:auto}.openclaw-row{align-items:flex-start;background:#f8fbfa;border:1px solid #dce9e4;border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:12px}.openclaw-row strong,.openclaw-row p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.openclaw-row strong{-webkit-line-clamp:1;line-height:1.25}.openclaw-row p{-webkit-line-clamp:2;color:#64748b;margin:4px 0 0}.openclaw-row>span{background:#e0f2fe;border-radius:999px;color:#075985;flex:0 0 auto;font-size:11px;font-weight:900;padding:4px 8px;text-transform:uppercase}.openclaw-row.status-succeeded>span{background:#dcfce7;color:#047857}.openclaw-row.status-failed>span{background:#ffe4e6;color:#be123c}.openclaw-row.status-error>span{background:#ffe4e6;color:#be123c}.openclaw-row.status-warn>span{background:#fef3c7;color:#92400e}.codex-thread-row small{color:#0f766e;display:block;font-size:11px;font-weight:900;margin-top:6px}.pixel-office-page{display:grid;gap:16px}.office-topbar{align-items:end;display:flex;gap:20px;justify-content:space-between}.office-topbar h2{font-size:34px;line-height:1;margin:6px 0}.office-topbar p{color:#52625d;margin:0}.office-mini-stats{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.office-mini-stats span{background:#fff;border:1px solid #d8e5e1;border-radius:999px;color:#475569;font-size:12px;font-weight:900;padding:8px 11px}.office-mini-stats b{color:#0f766e}.office-layout{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}.office-stage,.office-inspector{background:#ffffffe6;border:1px solid rgba(148,163,184,.28);border-radius:22px;box-shadow:0 16px 48px #0f172a12}.office-stage{min-height:min(860px,calc(100vh - 210px));overflow:hidden;position:relative}.jarvis-command{align-items:center;background:radial-gradient(circle at 28px 50%,rgba(20,184,166,.24),transparent 72px),#0f172aeb;border:1px solid rgba(94,234,212,.35);border-radius:18px;box-shadow:0 18px 50px #0f172a38,inset 0 0 30px #14b8a614;display:grid;gap:12px;grid-template-columns:74px minmax(0,1fr) 120px 96px;left:22px;padding:12px;position:absolute;right:22px;top:18px;z-index:4}.jarvis-core{height:54px;position:relative}.jarvis-core:before,.jarvis-core:after,.jarvis-core span{border-radius:999px;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.jarvis-core:before{background:#5eead4;box-shadow:0 0 18px #2dd4bf,0 0 34px #2dd4bfb8;height:18px;width:18px}.jarvis-core:after{border:2px solid rgba(94,234,212,.8);height:42px;width:42px;animation:jarvis-spin 3.4s linear infinite}.jarvis-core span:nth-child(1){border:1px solid rgba(94,234,212,.28);height:54px;width:54px;animation:jarvis-pulse 1.8s ease-in-out infinite}.jarvis-core span:nth-child(2){border:1px dashed rgba(56,189,248,.65);height:34px;width:34px;animation:jarvis-spin 2.2s linear infinite reverse}.jarvis-core span:nth-child(3){background:conic-gradient(from 0deg,transparent,rgba(94,234,212,.9),transparent 42%);height:50px;opacity:.35;width:50px;animation:jarvis-spin 1.6s linear infinite}@keyframes jarvis-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes jarvis-pulse{50%{opacity:.4;transform:translate(-50%,-50%) scale(1.18)}}.jarvis-input-wrap{display:grid;gap:5px}.jarvis-input-wrap label{color:#5eead4;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:900}.jarvis-command input,.jarvis-command select{background:#0f172ad1;border:1px solid rgba(94,234,212,.28);border-radius:12px;color:#ecfeff;min-width:0;outline:none;padding:12px}.jarvis-command input::placeholder{color:#ccfbf17a}.jarvis-command button{background:#14b8a6;border-radius:12px;color:#042f2e;font-weight:950;padding:12px}.jarvis-command button:disabled{cursor:not-allowed;opacity:.55}.office-wall{background:radial-gradient(circle at 76% 18%,rgba(94,234,212,.18),transparent 18%),linear-gradient(90deg,rgba(15,118,110,.12) 1px,transparent 1px),linear-gradient(rgba(15,118,110,.12) 1px,transparent 1px),linear-gradient(180deg,#ecfeff,#d7f2e9 58%,#b7d7cb);background-size:auto,32px 32px,32px 32px,auto;border-bottom:10px solid #8fb5a8;height:132px;position:relative}.office-wall:before{background:linear-gradient(#7dd3fc 0 0) 0 0 / 100% 100% no-repeat;border:4px solid #0f766e;box-shadow:54px 0 0 -4px #7dd3fc,54px 0 #0f766e,108px 0 0 -4px #7dd3fc,108px 0 #0f766e;content:"";height:46px;left:318px;position:absolute;top:24px;width:42px}.office-wall:after{background:linear-gradient(90deg,#0f172a 8px,transparent 8px 14px,#0f172a 14px 22px,transparent 22px),linear-gradient(#14b8a6 0 0);border:3px solid #0f172a;box-shadow:0 28px 0 -14px #0f172a2e,210px -2px 0 -2px #fef3c7,210px -2px 0 2px #92400e;content:"";height:22px;position:absolute;right:118px;top:74px;width:86px}.wall-board{background:#0f172a;border:4px solid #654321;box-shadow:inset 0 0 0 2px #2dd4bf;color:#d1fae5;display:grid;gap:4px;left:30px;padding:12px 16px;position:absolute;top:24px;width:210px}.wall-board strong{color:#fff}.wall-board span,.wall-clock{font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:900}.wall-clock{background:#ecfeff;border:3px solid #0f766e;border-radius:8px;color:#0f766e;padding:8px 10px;position:absolute;right:28px;top:28px}.office-floor{background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.28),transparent 30%),linear-gradient(90deg,rgba(15,23,42,.08) 1px,transparent 1px),linear-gradient(rgba(15,23,42,.08) 1px,transparent 1px),linear-gradient(180deg,#ead8b6,#d0b182);background-size:auto,24px 24px,24px 24px,auto;inset:132px 0 0;position:absolute}.office-floor:before{background:linear-gradient(90deg,transparent 31.5%,rgba(85,62,37,.32) 31.5% 33%,transparent 33% 64.8%,rgba(85,62,37,.32) 64.8% 66.3%,transparent 66.3%),linear-gradient(transparent 47.5%,rgba(85,62,37,.32) 47.5% 49.5%,transparent 49.5%),linear-gradient(90deg,transparent 30%,rgba(255,255,255,.24) 30% 70%,transparent 70%);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.office-room{--room-accent: #0f766e;border:3px solid rgba(75,52,31,.72);border-radius:4px;background:linear-gradient(180deg,#ffffff6b,#fff0 38%),linear-gradient(90deg,rgba(143,115,81,.16) 1px,transparent 1px),linear-gradient(rgba(143,115,81,.12) 1px,transparent 1px),#efe1c6;background-size:auto,24px 24px,24px 24px,auto;box-shadow:inset 0 0 0 2px #ffffff80,inset 0 -18px #0f172a0a,0 9px #4b341f29;overflow:hidden;position:absolute;z-index:0}.office-room:before{background:linear-gradient(90deg,rgba(255,255,255,.24),transparent 35%),linear-gradient(180deg,rgba(15,23,42,.08),transparent 42%);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.office-room:after{background:#ffffff6b;box-shadow:12px 0 #ffffff6b,24px 0 #ffffff6b,36px 0 #ffffff6b;content:"";height:6px;position:absolute;right:14px;top:32px;width:7px;z-index:1}.office-room>span{background:var(--room-accent);border-radius:0 0 8px;color:#fff;font-size:10px;font-weight:950;left:0;padding:5px 8px;position:absolute;text-transform:uppercase;top:0;z-index:2}.office-room>b{background:#ffffffdb;border-radius:999px;color:#0f172a;font-size:10px;padding:3px 6px;position:absolute;right:8px;top:7px;z-index:2}.data-courier{align-items:center;animation:courier-flight 2.9s var(--courier-delay) cubic-bezier(.45,0,.18,1) infinite;display:inline-flex;gap:3px;height:20px;image-rendering:pixelated;justify-content:center;pointer-events:none;position:absolute;transform:translate(0);width:42px;z-index:3}.data-courier:before{background:linear-gradient(90deg,#14b8a600,#14b8a6b8,#14b8a600);content:"";height:2px;left:-18px;opacity:.72;position:absolute;top:10px;width:54px}.data-courier i{background:#ecfeff;border:2px solid #0f766e;box-shadow:4px 4px #14b8a6,0 0 12px #14b8a6a3;display:block;height:13px;position:relative;width:18px;z-index:1}.data-courier i:before,.data-courier i:after{content:"";position:absolute}.data-courier i:before{background:#0f766e;height:2px;left:3px;top:3px;width:8px}.data-courier i:after{background:#14b8a6;height:2px;left:3px;top:7px;width:11px}.data-courier b{background:#0f172adb;border-radius:4px;color:#ccfbf1;font-family:SFMono-Regular,Consolas,monospace;font-size:7px;line-height:1;padding:3px 4px;position:relative;z-index:1}.data-courier.source-codex i{border-color:#7c3aed;box-shadow:4px 4px #a78bfa,0 0 12px #7c3aed8c}@keyframes courier-flight{0%{opacity:0;transform:translate(0) scale(.72)}12%{opacity:1}54%{opacity:1;transform:translate(calc(var(--courier-x) * .58),calc(var(--courier-y) * .58 - 12px)) scale(.92)}88%{opacity:1}to{opacity:0;transform:translate(var(--courier-x),var(--courier-y)) scale(.72)}}.room-bg{background:linear-gradient(180deg,transparent 0 70%,rgba(75,52,31,.08) 70% 100%);inset:0;position:absolute;z-index:0}.room-product{--room-accent: #0f766e}.room-product>span{background:#0f766e}.room-engineering{--room-accent: #4338ca}.room-engineering>span{background:#4338ca}.room-quality{--room-accent: #be123c}.room-quality>span{background:#be123c}.room-clinical{--room-accent: #047857}.room-clinical>span{background:#047857}.room-data{--room-accent: #0369a1}.room-data>span{background:#0369a1}.room-ops{--room-accent: #92400e}.room-ops>span{background:#92400e}.room-control{--room-accent: #0f766e}.room-control>span{background:#0f766e}.room-memory{--room-accent: #0369a1}.room-memory>span{background:#0369a1}.room-runtime{--room-accent: #92400e}.room-runtime>span{background:#92400e}.room-regression{--room-accent: #be123c}.room-regression>span{background:#be123c}.room-browser{--room-accent: #4338ca}.room-browser>span{background:#4338ca}.room-fix{--room-accent: #047857}.room-fix>span{background:#047857}.room-pantry{background:radial-gradient(circle at 70% 62%,rgba(251,191,36,.28),transparent 28%),linear-gradient(90deg,rgba(20,184,166,.12),transparent 60%),#fef3c7}.room-pantry>span{background:#b45309}.room-meeting{background:radial-gradient(circle at center,rgba(109,40,217,.18),transparent 34%),linear-gradient(90deg,rgba(255,255,255,.22),transparent 50%),#ede9fe}.room-meeting>span{background:#6d28d9}.room-lounge{background:radial-gradient(circle at 82% 28%,rgba(14,116,144,.16),transparent 22%),linear-gradient(135deg,rgba(45,212,191,.14),transparent 54%),#ecfeff}.room-lounge>span{background:#0e7490}.room-furniture{position:absolute;z-index:1}.room-furniture:before,.room-furniture:after{content:"";position:absolute}.office-room.division-product .furniture-a,.office-room.division-engineering .furniture-a,.office-room.division-quality .furniture-a,.office-room.division-clinical .furniture-a,.office-room.division-data .furniture-a,.office-room.division-ops .furniture-a,.office-room.division-control .furniture-a,.office-room.division-memory .furniture-a,.office-room.division-runtime .furniture-a,.office-room.division-regression .furniture-a,.office-room.division-browser .furniture-a,.office-room.division-fix .furniture-a{background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 42%),#8b5a2b;border:3px solid #5f3b1c;bottom:18%;height:26%;left:12%;width:24%}.office-room.division-product .furniture-a:before,.office-room.division-engineering .furniture-a:before,.office-room.division-quality .furniture-a:before,.office-room.division-clinical .furniture-a:before,.office-room.division-data .furniture-a:before,.office-room.division-ops .furniture-a:before,.office-room.division-control .furniture-a:before,.office-room.division-memory .furniture-a:before,.office-room.division-runtime .furniture-a:before,.office-room.division-regression .furniture-a:before,.office-room.division-browser .furniture-a:before,.office-room.division-fix .furniture-a:before{background:#0f172a;border:2px solid #334155;box-shadow:34px 0 0 -2px #0f172a,34px 0 #334155;height:21px;left:8px;top:-28px;width:27px}.office-room.division-product .furniture-b,.office-room.division-engineering .furniture-b,.office-room.division-quality .furniture-b,.office-room.division-clinical .furniture-b,.office-room.division-data .furniture-b,.office-room.division-ops .furniture-b,.office-room.division-control .furniture-b,.office-room.division-memory .furniture-b,.office-room.division-runtime .furniture-b,.office-room.division-regression .furniture-b,.office-room.division-browser .furniture-b,.office-room.division-fix .furniture-b{background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 42%),#8b5a2b;border:3px solid #5f3b1c;bottom:18%;height:26%;right:12%;width:24%}.office-room.division-product .furniture-b:before,.office-room.division-engineering .furniture-b:before,.office-room.division-quality .furniture-b:before,.office-room.division-clinical .furniture-b:before,.office-room.division-data .furniture-b:before,.office-room.division-ops .furniture-b:before,.office-room.division-control .furniture-b:before,.office-room.division-memory .furniture-b:before,.office-room.division-runtime .furniture-b:before,.office-room.division-regression .furniture-b:before,.office-room.division-browser .furniture-b:before,.office-room.division-fix .furniture-b:before{background:#0f172a;border:2px solid #334155;box-shadow:10px 6px 0 -4px #5eead4;height:21px;left:14px;top:-28px;width:30px}.office-room.division-product .furniture-c,.office-room.division-engineering .furniture-c,.office-room.division-quality .furniture-c,.office-room.division-clinical .furniture-c,.office-room.division-data .furniture-c,.office-room.division-ops .furniture-c,.office-room.division-control .furniture-c,.office-room.division-memory .furniture-c,.office-room.division-runtime .furniture-c,.office-room.division-regression .furniture-c,.office-room.division-browser .furniture-c,.office-room.division-fix .furniture-c{background:#0f172a;border:3px solid #334155;box-shadow:inset 0 0 0 3px #5eead438,0 18px 0 -10px #0f172a38;height:26px;left:43%;top:34%;width:48px}.office-room.division-product .furniture-c:before,.office-room.division-engineering .furniture-c:before,.office-room.division-quality .furniture-c:before,.office-room.division-clinical .furniture-c:before,.office-room.division-data .furniture-c:before,.office-room.division-ops .furniture-c:before,.office-room.division-control .furniture-c:before,.office-room.division-memory .furniture-c:before,.office-room.division-runtime .furniture-c:before,.office-room.division-regression .furniture-c:before,.office-room.division-browser .furniture-c:before,.office-room.division-fix .furniture-c:before{background:#5eead4;box-shadow:9px 0 #5eead4,18px 0 #164e63,27px 0 #5eead4,0 8px #164e63,9px 8px #5eead4;height:5px;left:8px;top:7px;width:5px}.room-pantry .furniture-a{background:#e0f2fe;border:3px solid #075985;height:54px;left:13%;top:35%;width:26px}.room-pantry .furniture-a:before{background:#38bdf8;height:10px;left:5px;top:8px;width:12px}.room-pantry .furniture-b{background:#92400e;border:3px solid #78350f;border-radius:999px;height:46px;left:45%;top:38%;width:72px}.room-pantry .furniture-c{background:#f97316;border:2px solid #9a3412;height:18px;right:12%;top:42%;width:28px}.room-meeting .furniture-a{background:#5b21b6;border:3px solid #3b0764;border-radius:18px;height:44px;left:28%;top:36%;width:120px}.room-meeting .furniture-b,.room-meeting .furniture-c{background:#c4b5fd;border:2px solid #6d28d9;height:22px;top:42%;width:22px}.room-meeting .furniture-b{left:18%}.room-meeting .furniture-c{right:18%}.room-lounge .furniture-a{background:#14b8a6;border:3px solid #0f766e;border-radius:10px;height:34px;left:15%;top:44%;width:78px}.room-lounge .furniture-b{background:#0e7490;border:3px solid #155e75;border-radius:10px;height:34px;right:15%;top:44%;width:78px}.room-lounge .furniture-c{background:#f8fafc;border:2px solid #0891b2;border-radius:999px;height:28px;left:48%;top:49%;width:28px}.office-zone-label{background:#0f172ae0;border-radius:999px;color:#fff;font-size:11px;font-weight:900;letter-spacing:0;padding:7px 11px;position:absolute;text-transform:uppercase;z-index:1}.office-zone-label b{background:#ffffff29;border-radius:999px;margin-left:4px;padding:1px 5px}.office-zone-label.division-product{background:#0f766e}.office-zone-label.division-engineering{background:#4338ca}.office-zone-label.division-quality{background:#be123c}.office-zone-label.division-clinical{background:#047857}.office-zone-label.division-data{background:#0369a1}.office-zone-label.division-ops{background:#92400e}.office-zone-label.division-control{background:#0f766e}.office-zone-label.division-memory{background:#0369a1}.office-zone-label.division-runtime{background:#92400e}.office-zone-label.division-regression{background:#be123c}.office-zone-label.division-browser{background:#4338ca}.office-zone-label.division-fix{background:#047857}.office-agent{background:transparent;border:0;color:inherit;height:96px;padding:0;position:absolute;text-align:left;transition:left .75s ease,top .75s ease;width:88px;z-index:2}.office-agent.mode-working .desk:after{background:#5eead457;box-shadow:0 0 18px #2dd4bf73;content:"";height:2px;left:13px;position:absolute;top:33px;width:46px}.office-agent.mode-chat .desk:after{background:#4ade806b;box-shadow:0 0 16px #22c55e80;content:"";height:2px;left:13px;position:absolute;top:33px;width:46px}.office-agent.mode-chat .speech{opacity:.92}.office-agent.mode-idle .office-person{filter:saturate(.82)}.office-agent.mode-idle .speech{opacity:0;pointer-events:none;transform:translateY(4px)}.office-agent.mode-idle.status-done .speech{opacity:.72}.office-agent.division-product .desk,.roster-agent.division-product{background:#0f766e;border-color:#115e59}.office-agent.division-engineering .desk,.roster-agent.division-engineering{background:#4338ca;border-color:#312e81}.office-agent.division-quality .desk,.roster-agent.division-quality{background:#be123c;border-color:#881337}.office-agent.division-clinical .desk,.roster-agent.division-clinical{background:#047857;border-color:#065f46}.office-agent.division-data .desk,.roster-agent.division-data{background:#0369a1;border-color:#075985}.office-agent.division-ops .desk,.roster-agent.division-ops{background:#92400e;border-color:#78350f}.office-agent.division-control .desk,.roster-agent.division-control{background:#0f766e;border-color:#115e59}.office-agent.division-memory .desk,.roster-agent.division-memory{background:#0369a1;border-color:#075985}.office-agent.division-runtime .desk,.roster-agent.division-runtime{background:#92400e;border-color:#78350f}.office-agent.division-regression .desk,.roster-agent.division-regression{background:#be123c;border-color:#881337}.office-agent.division-browser .desk,.roster-agent.division-browser{background:#4338ca;border-color:#312e81}.office-agent.division-fix .desk,.roster-agent.division-fix{background:#047857;border-color:#065f46}.office-agent.source-codex .office-person .hair{background:#111827;box-shadow:8px 0 #111827,16px 0 #111827,24px 0 #111827,0 8px #111827,24px 8px #111827}.office-agent.type-builder .office-person .torso,.roster-agent.type-builder:before,.inspector-avatar.status-running .office-person .torso{background:#7c3aed}.office-agent.type-builder .office-person .torso{box-shadow:8px 0 #a78bfa,16px 0 #7c3aed,0 8px #7c3aed,8px 8px #a78bfa,16px 8px #7c3aed,24px 8px #7c3aed}.office-agent.type-reviewer .office-person .torso{background:#be123c;box-shadow:8px 0 #fb7185,16px 0 #be123c,0 8px #be123c,8px 8px #fb7185,16px 8px #be123c,24px 8px #be123c}.office-agent.type-orchestrator .office-person .torso{background:#0f766e;box-shadow:8px 0 #5eead4,16px 0 #0f766e,0 8px #0f766e,8px 8px #5eead4,16px 8px #0f766e,24px 8px #0f766e}.office-agent.type-researcher .office-person .torso{background:#0369a1;box-shadow:8px 0 #7dd3fc,16px 0 #0369a1,0 8px #0369a1,8px 8px #7dd3fc,16px 8px #0369a1,24px 8px #0369a1}.office-agent.type-operator .office-person .torso,.office-agent.type-domain .office-person .torso{background:#92400e;box-shadow:8px 0 #f59e0b,16px 0 #92400e,0 8px #92400e,8px 8px #f59e0b,16px 8px #92400e,24px 8px #92400e}.office-agent.source-codex .speech,.office-agent.type-builder .speech{border-color:#7c3aed;color:#5b21b6}.office-agent.source-codex .agent-name{background:#4c1d95e6}.office-agent.division-quality .speech,.office-agent.type-reviewer .speech{border-color:#be123c;color:#9f1239}.office-agent.division-data .speech,.office-agent.type-researcher .speech{border-color:#0284c7;color:#075985}.office-agent.division-ops .speech,.office-agent.type-operator .speech{border-color:#b45309;color:#78350f}.office-agent.division-clinical .speech,.office-agent.type-domain .speech{border-color:#059669;color:#047857}.office-agent.division-memory .speech{border-color:#0284c7;color:#075985}.office-agent.division-runtime .speech{border-color:#b45309;color:#78350f}.office-agent.division-regression .speech{border-color:#be123c;color:#9f1239}.office-agent.division-browser .speech{border-color:#7c3aed;color:#5b21b6}.office-agent.division-fix .speech{border-color:#059669;color:#047857}.office-agent.selected .desk{box-shadow:0 0 0 3px #14b8a6,0 10px #0f172a1a}.desk{background:#8b5a2b;border:3px solid #5f3b1c;bottom:12px;display:block;height:34px;left:6px;position:absolute;width:74px}.monitor{background:#0f172a;border:2px solid #334155;height:22px;left:13px;position:absolute;top:-25px;width:32px}.monitor:after{background:#5eead4;box-shadow:6px 0 #5eead4,12px 0 #5eead4,0 6px #164e63,6px 6px #5eead4;content:"";height:4px;left:5px;position:absolute;top:5px;width:4px}.mug{background:#e0f2fe;border:2px solid #075985;height:11px;position:absolute;right:11px;top:-13px;width:10px}.office-person{display:block;height:42px;image-rendering:pixelated;left:48px;position:absolute;top:13px;transform:scale(.72);transform-origin:top left;width:42px}.office-person i{display:block;position:absolute}.office-person .hair{background:#312e81;box-shadow:8px 0 #312e81,16px 0 #312e81,24px 0 #312e81,0 8px #312e81,24px 8px #312e81;height:8px;left:6px;top:0;width:8px}.office-person .head{background:#f8c79c;box-shadow:8px 0 #f8c79c,16px 0 #f8c79c,8px 8px #111827,16px 8px #f8c79c,24px 8px #111827,8px 16px #f8c79c,16px 16px #f8c79c,24px 16px #f8c79c;height:8px;left:6px;top:8px;width:8px}.office-person .torso{background:#0f766e;box-shadow:8px 0 #14b8a6,16px 0 #0f766e,0 8px #0f766e,8px 8px #14b8a6,16px 8px #0f766e,24px 8px #0f766e;height:8px;left:8px;top:34px;width:8px}.office-person .legs{background:#134e4a;box-shadow:16px 0 #134e4a;height:12px;left:12px;top:50px;width:8px}.office-agent.mode-working .office-person{animation:office-type .8s infinite steps(2)}.inspector-avatar.mode-working .office-person{animation:inspector-type .8s infinite steps(2)}.office-agent.mode-attention .office-person{animation:office-shake .6s infinite}.inspector-avatar.mode-attention .office-person{animation:inspector-shake .6s infinite}@keyframes office-type{50%{transform:scale(.72) translateY(-3px)}}@keyframes office-shake{25%{transform:scale(.72) translate(-2px)}75%{transform:scale(.72) translate(2px)}}@keyframes inspector-type{50%{transform:scale(1.25) translateY(-3px)}}@keyframes inspector-shake{25%{transform:scale(1.25) translate(-2px)}75%{transform:scale(1.25) translate(2px)}}.division-chip{background:#ffffffeb;border:1px solid rgba(15,23,42,.12);border-radius:999px;color:#334155;display:block;font-size:8px;font-weight:950;left:3px;max-width:72px;overflow:hidden;padding:3px 6px;position:absolute;text-overflow:ellipsis;top:51px;white-space:nowrap}.speech{background:#fff;border:2px solid #0f766e;border-radius:8px;color:#0f766e;font-size:8px;font-weight:900;left:12px;line-height:1.15;max-height:26px;max-width:84px;overflow:hidden;padding:3px 5px;position:absolute;top:0;white-space:normal}.agent-name{background:#0f172ad6;border-radius:8px;bottom:0;color:#fff;display:block;font-size:8px;font-weight:900;left:0;overflow:hidden;padding:4px 5px;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:84px}.office-inspector{padding:20px;max-height:690px;overflow:auto}.agent-modal-backdrop{align-items:center;background:#0f172a85;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:40}.agent-modal{background:#fffffff5;border:1px solid rgba(148,163,184,.38);border-radius:22px;box-shadow:0 28px 90px #0f172a47;max-height:calc(100vh - 48px);max-width:420px;overflow:auto;padding:20px;position:relative;width:min(420px,100%)}.modal-close{align-items:center;background:#0f172a;border-radius:999px;color:#fff;display:inline-flex;font-size:22px;font-weight:900;height:34px;justify-content:center;line-height:1;position:absolute;right:14px;top:14px;width:34px}.command-queue{border-bottom:1px solid #dce9e4;display:grid;gap:8px;margin-bottom:18px;padding-bottom:18px}.command-queue article{align-items:flex-start;background:#f8fbfa;border:1px solid #dce9e4;border-radius:12px;display:flex;gap:10px;justify-content:space-between;padding:10px}.command-queue article strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;overflow:hidden}.command-queue article span{background:#e0f2fe;border-radius:999px;color:#075985;flex:0 0 auto;font-size:10px;font-weight:900;padding:4px 7px;text-transform:uppercase}.queue-empty{color:#64748b;font-size:12px;margin:0}.inspector-avatar{background:#e0f2fe;border:1px solid #bae6fd;border-radius:18px;height:112px;margin-bottom:14px;position:relative}.inspector-avatar .office-person{left:132px;top:24px;transform:scale(1.25)}.source-pill{background:#0f766e;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:900;padding:5px 8px}.office-inspector h3,.agent-modal h3{font-size:22px;line-height:1.15;margin:10px 0 6px;overflow-wrap:anywhere}.office-inspector p,.agent-modal p{color:#52625d;margin:0 0 14px}.office-inspector dl,.agent-modal dl{display:grid;gap:8px;margin:0 0 14px}.office-inspector dl div,.agent-modal dl div{align-items:center;background:#f8fbfa;border:1px solid #dce9e4;border-radius:12px;display:flex;justify-content:space-between;padding:10px}.office-inspector dt,.agent-modal dt{color:#64748b;font-size:12px;font-weight:900}.office-inspector dd,.agent-modal dd{color:#0f172a;font-size:12px;font-weight:900;margin:0;text-transform:uppercase}.inspector-path{background:#0f172a;border-radius:14px;color:#d1fae5;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.5;margin-top:14px;overflow-wrap:anywhere;padding:12px}.agent-roster{border-top:1px solid #dce9e4;display:grid;gap:8px;margin-top:18px;padding-top:18px}.roster-agent{border:1px solid rgba(15,23,42,.12);border-radius:14px;color:#fff;display:grid;gap:3px;padding:11px 12px 11px 34px;position:relative}.roster-agent:before{background:#14b8a6;box-shadow:7px 0 currentColor,0 7px currentColor,7px 7px currentColor;color:#ffffffa6;content:"";height:7px;left:14px;position:absolute;top:16px;width:7px}.roster-agent strong{font-size:12px}.roster-agent small{color:#ffffffc2;font-size:11px;line-height:1.35}.openclaw-foot{display:block;margin-top:12px}.side-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.7fr);margin-bottom:16px}.panel{padding:18px}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.panel-header h2{font-size:20px;margin:3px 0 0}.agent-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.agent-card{align-items:center;background:#f8fbfa;border:1px solid #dce9e4;border-radius:18px;display:flex;gap:12px;min-height:112px;padding:13px;position:relative}.agent-card.status-running{border-color:#34d399}.agent-card.status-blocked,.agent-card.status-failed{border-color:#fb7185}.agent-card.status-waiting_ceo{border-color:#f59e0b}.agent-pixel{height:56px;image-rendering:pixelated;position:relative;width:44px}.pixel-head,.pixel-body,.pixel-leg{display:block;position:absolute}.pixel-head{background:#0f766e;box-shadow:8px 0 #0f766e,16px 0 #0f766e,24px 0 #0f766e,8px 8px #99f6e4,24px 8px #99f6e4,0 16px #0f766e,8px 16px #0f766e,16px 16px #0f766e,24px 16px #0f766e,32px 16px #0f766e;height:8px;left:4px;top:2px;width:8px}.pixel-body{background:#115e59;box-shadow:8px 0 #115e59,16px 0 #115e59,0 8px #115e59,8px 8px #14b8a6,16px 8px #115e59,24px 8px #115e59;height:8px;left:8px;top:28px;width:8px}.pixel-leg{background:#134e4a;height:12px;top:44px;width:8px}.pixel-leg.left{left:12px}.pixel-leg.right{left:28px}.status-thinking .agent-pixel,.status-reviewing .agent-pixel{animation:blink 1.4s infinite}.status-running .agent-pixel{animation:march .9s infinite steps(2)}.status-blocked .agent-pixel,.status-failed .agent-pixel{animation:shake .6s infinite}@keyframes blink{50%{opacity:.58}}@keyframes march{50%{transform:translateY(-3px)}}@keyframes shake{25%{transform:translate(-2px)}75%{transform:translate(2px)}}.agent-card-content{min-width:0}.agent-card-top{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.agent-card-top span{background:#e0f2fe;border-radius:999px;color:#075985;flex:0 0 auto;font-size:11px;font-weight:800;padding:4px 7px}.agent-card p,.event-row p,.decision-card p{color:#64748b;margin:5px 0 0}.tag-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.tag-row small{background:#edf6f2;border-radius:999px;color:#0f766e;font-weight:800;padding:4px 7px}.event-list{display:grid;gap:10px;max-height:506px;overflow:auto}.event-row{border-left:4px solid #0f766e;display:grid;gap:10px;grid-template-columns:48px 1fr;padding:10px 8px}.event-row time{color:#94a3b8;font-size:12px;font-weight:900}.severity-warning{border-left-color:#f59e0b}.severity-error{border-left-color:#e11d48}.severity-success{border-left-color:#10b981}.decision-card,.module-card,.task-card,.routine-card,.git-card{background:#f8fbfa;border:1px solid #dce9e4;border-radius:16px;padding:14px}.decision-card+.decision-card{margin-top:10px}.decision-card>span{color:#b45309;font-size:12px;font-weight:900;text-transform:uppercase}.decision-card h3{margin:6px 0}.decision-actions{display:flex;gap:8px;margin-top:12px}.decision-actions .ghost{background:#eef2f7;color:#334155}.routine-panel{display:grid;gap:12px}.routine-form{display:grid;gap:10px}.routine-form input,.routine-form select,.routine-form textarea{background:#fff;border:1px solid #c8d8d3;border-radius:12px;color:#10201d;min-width:0;padding:11px 12px;width:100%}.routine-form textarea{min-height:78px;resize:vertical}.routine-form div{display:grid;gap:8px;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) auto}.routine-form button,.routine-card button{background:#0f766e;border-radius:12px;color:#fff;font-weight:900;padding:11px 13px}.routine-form button:disabled,.routine-card button:disabled{cursor:not-allowed;opacity:.55}.routine-list{display:grid;gap:10px}.routine-card{border-left:5px solid #10b981;display:grid;gap:12px}.routine-card.status-paused{border-left-color:#94a3b8;opacity:.78}.routine-card span,.routine-card small{color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.routine-card h3{margin:5px 0}.routine-card p{color:#52625d;margin:0}.routine-card footer{align-items:center;display:flex;gap:10px;justify-content:space-between}.routine-card footer div{display:flex;gap:8px}.routine-card .ghost{background:#eef2f7;color:#334155}.routine-summary{background:#ecfdf5;border-radius:14px;color:#047857;font-weight:800;padding:12px;text-align:center}.empty-state{background:#f8fbfa;border-radius:16px;color:#64748b;padding:24px;text-align:center}.changelog-panel{display:grid;gap:10px}.git-card strong{display:block;font-size:20px;margin-top:3px}.latest-commit{background:#0f172a;border-radius:14px;color:#d1fae5;font-family:SFMono-Regular,Consolas,monospace;padding:14px}.readiness-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.module-card div:first-child,.module-card footer,.kanban-column header{align-items:center;display:flex;justify-content:space-between}.module-card span{color:#64748b;font-size:12px;font-weight:800}.meter{background:#e2e8f0;border-radius:999px;height:8px;margin:13px 0;overflow:hidden}.meter span{background:#0f766e;display:block;height:100%}.kanban-panel{margin-top:16px;overflow:hidden}.kanban{display:grid;gap:12px;grid-template-columns:repeat(8,minmax(190px,1fr));overflow-x:auto;padding-bottom:8px}.kanban-column{background:#eef6f2;border-radius:16px;min-height:230px;padding:10px}.kanban-column header{margin-bottom:10px}.kanban-column header span{background:#fff;border-radius:999px;color:#64748b;font-size:12px;font-weight:900;padding:3px 8px}.task-card{display:grid;gap:10px;margin-bottom:10px}.task-card strong{display:block;line-height:1.25}.task-card p{color:#64748b;margin:4px 0 0}.task-card select{border:1px solid #cbd5e1;border-radius:10px;padding:8px;width:100%}.readonly-status{background:#e0f2fe;border-radius:999px;color:#075985;display:inline-flex;font-size:12px;font-weight:900;justify-content:center;padding:7px 10px;text-transform:uppercase}.risk-high,.risk-critical{border-color:#f59e0b}.risk-critical{box-shadow:inset 0 0 0 1px #e11d48}@media(max-width:1180px){.stat-grid,.main-grid,.side-grid,.readiness-grid,.openclaw-columns,.office-layout,.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.app-shell{padding:16px}.hero,.office-topbar,.stat-grid,.main-grid,.side-grid,.readiness-grid,.agent-grid,.openclaw-stats,.openclaw-columns,.office-layout{grid-template-columns:1fr}.hero,.office-topbar{display:grid}.office-stage{min-height:860px}.office-agent{left:8%!important;position:relative;top:auto!important;margin:16px}.jarvis-command{grid-template-columns:54px minmax(0,1fr)}.jarvis-command select,.jarvis-command button,.routine-form div{grid-column:span 2}.routine-form div{grid-template-columns:1fr}.office-floor{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));overflow:auto;padding-top:10px}.hero h1{font-size:38px}}.myadvocate-shell{min-height:100vh;background:radial-gradient(circle at top left,rgba(44,99,255,.2),transparent 34rem),radial-gradient(circle at 75% 8%,rgba(21,186,140,.18),transparent 28rem),#07111f;color:#ecf5ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.myadvocate-hero,.myadvocate-section,.myadvocate-demo,.myadvocate-disclaimer{width:min(1160px,calc(100% - 32px));margin:0 auto}.myadvocate-hero{padding:24px 0 64px}.myadvocate-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border:1px solid rgba(148,163,184,.22);border-radius:24px;background:#07111fc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:12px;z-index:5}.myadvocate-brand,.myadvocate-card-top,.myadvocate-output-toolbar>div,.myadvocate-trust-strip span,.myadvocate-risk,.myadvocate-disclaimer{display:flex;align-items:center;gap:9px}.myadvocate-brand{font-weight:900;letter-spacing:-.03em;font-size:1.05rem}.myadvocate-nav-links{display:flex;gap:18px}.myadvocate-nav a{color:#cbd5e1;text-decoration:none;font-weight:700;font-size:.92rem}.myadvocate-nav-cta,.myadvocate-primary,.myadvocate-secondary{border-radius:999px;padding:11px 16px}.myadvocate-nav-cta,.myadvocate-primary{background:#38d399;color:#041018!important;box-shadow:0 14px 30px #38d39938}.myadvocate-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:34px;align-items:center;padding-top:72px}.myadvocate-eyebrow{color:#66e6b5;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:900}.myadvocate-hero h1{margin:14px 0 18px;max-width:760px;font-size:clamp(2.6rem,8vw,5.8rem);line-height:.92;letter-spacing:-.08em}.myadvocate-hero p,.myadvocate-section p,.myadvocate-hero-card p,.myadvocate-pricing-grid p,.myadvocate-disclaimer p,.myadvocate-intake-panel p{color:#b7c7d8;line-height:1.7}.myadvocate-hero p{max-width:660px;font-size:1.12rem}.myadvocate-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 22px}.myadvocate-primary,.myadvocate-secondary{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:900}.myadvocate-secondary{border:1px solid rgba(148,163,184,.28);color:#e2e8f0;background:#0f172a99}.myadvocate-trust-strip{display:flex;flex-wrap:wrap;gap:10px}.myadvocate-trust-strip span{padding:8px 11px;border-radius:999px;background:#94a3b81f;color:#dbeafe;font-weight:800;font-size:.84rem}.myadvocate-hero-card,.myadvocate-intake-panel,.myadvocate-output-panel,.myadvocate-pricing-grid article,.myadvocate-template-grid article,.myadvocate-problem-grid article,.myadvocate-usecase-grid button{border:1px solid rgba(148,163,184,.2);background:#0f172ab8;box-shadow:0 24px 70px #0000003d}.myadvocate-hero-card{border-radius:32px;padding:28px}.myadvocate-hero-card h2{font-size:2rem;letter-spacing:-.04em;margin:18px 0 10px}.myadvocate-hero-card ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}.myadvocate-hero-card li{display:flex;align-items:flex-start;gap:10px;color:#dbeafe;font-weight:750}.myadvocate-section{padding:46px 0}.myadvocate-section-header{max-width:720px;margin-bottom:20px}.myadvocate-section h2,.myadvocate-demo h2{font-size:clamp(1.9rem,4vw,3.1rem);letter-spacing:-.06em;line-height:1;margin:10px 0 12px}.myadvocate-problem{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:start}.myadvocate-problem-grid,.myadvocate-template-grid,.myadvocate-pricing-grid,.myadvocate-usecase-grid{display:grid;gap:14px}.myadvocate-problem-grid,.myadvocate-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.myadvocate-problem-grid article,.myadvocate-template-grid article{border-radius:20px;padding:18px;color:#dbeafe;font-weight:800;display:flex;gap:10px;align-items:flex-start}.myadvocate-usecase-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.myadvocate-usecase-grid button{color:#e5f0ff;border-radius:22px;padding:18px;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.myadvocate-usecase-grid button:hover,.myadvocate-usecase-grid button.active{transform:translateY(-3px);border-color:#38d399b3;background:#1453419e}.myadvocate-usecase-grid strong,.myadvocate-usecase-grid span{display:block}.myadvocate-usecase-grid strong{margin:12px 0 8px;font-size:1rem}.myadvocate-usecase-grid span{color:#b7c7d8;line-height:1.5;font-size:.88rem}.myadvocate-demo{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:18px;padding:20px 0 46px}.myadvocate-intake-panel,.myadvocate-output-panel{border-radius:28px;padding:24px}.myadvocate-risk{margin:16px 0;color:#fee2e2;background:#ef444424;border:1px solid rgba(248,113,113,.28);padding:12px;border-radius:16px;line-height:1.5;font-weight:750}.myadvocate-fields{display:grid;gap:12px}.myadvocate-fields label{display:grid;gap:7px;color:#dbeafe;font-weight:850}.myadvocate-fields input{border:1px solid rgba(148,163,184,.26);background:#0206179e;color:#f8fafc;border-radius:14px;padding:13px 14px;outline:none}.myadvocate-fields input:focus{border-color:#38d399cc;box-shadow:0 0 0 3px #38d3991f}.myadvocate-output-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px;color:#dbeafe;font-weight:900}.myadvocate-output-toolbar button{border:1px solid rgba(148,163,184,.28);background:#0f172ad9;color:#e2e8f0;border-radius:999px;padding:9px 11px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;margin-left:8px}.myadvocate-output-panel pre{margin:0;min-height:560px;max-height:720px;overflow:auto;white-space:pre-wrap;color:#dbeafe;background:#020617b8;border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:18px;line-height:1.65;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.88rem}.myadvocate-template-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.myadvocate-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.myadvocate-pricing-grid article{border-radius:26px;padding:24px}.myadvocate-pricing-grid h3{margin:0 0 18px;font-size:1.25rem}.myadvocate-pricing-grid strong{display:block;font-size:2rem;letter-spacing:-.06em;color:#66e6b5}.myadvocate-disclaimer{margin-top:24px;margin-bottom:42px;border:1px solid rgba(251,191,36,.34);background:#713f1238;border-radius:24px;padding:18px;align-items:flex-start}.myadvocate-disclaimer strong{display:block;margin-bottom:4px}.myadvocate-disclaimer p{margin:0}@media(max-width:980px){.myadvocate-hero-grid,.myadvocate-problem,.myadvocate-demo,.myadvocate-pricing-grid{grid-template-columns:1fr}.myadvocate-usecase-grid,.myadvocate-template-grid,.myadvocate-problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.myadvocate-nav{align-items:flex-start;flex-direction:column}.myadvocate-nav-links{flex-wrap:wrap}.myadvocate-usecase-grid,.myadvocate-template-grid,.myadvocate-problem-grid{grid-template-columns:1fr}.myadvocate-output-toolbar{align-items:flex-start;flex-direction:column}.myadvocate-output-toolbar button{margin-left:0;margin-right:8px}}.myadvocate-generate-button{margin-top:16px;width:100%;border:0;background:linear-gradient(135deg,#38d399,#8ee7ff);color:#041018;border-radius:16px;padding:14px 16px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;box-shadow:0 16px 34px #38d3993d}.myadvocate-generate-button:disabled{cursor:wait;opacity:.72}.myadvocate-llm-note{margin:12px 0 0;border-radius:14px;padding:11px 12px;border:1px solid rgba(148,163,184,.22);background:#0206175c;font-size:.88rem}.myadvocate-llm-note.status-ready{color:#bbf7d0;border-color:#38d39973;background:#14532d42}.myadvocate-llm-note.status-fallback,.myadvocate-llm-note.status-error{color:#fed7aa;border-color:#fb923c6b;background:#7c2d1238}
