html,body,#root{background-color:#090d16;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body,html,#root{color:#f8fafc;background-color:#090d16;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.office-container{width:100vw;height:100vh;position:relative;overflow:hidden}.canvas-wrapper{background:radial-gradient(circle,#1e293b 0%,#090d16 100%);width:100%;height:100%}.hud-header{z-index:50;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:16px;right:16px}.hud-title-group{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ae6;border:1px solid #ffffff1f;border-radius:12px;padding:8px 16px;box-shadow:0 10px 25px -5px #00000080}.hud-badge{letter-spacing:.05em;color:#10b981;align-items:center;gap:6px;margin-bottom:2px;font-size:10.5px;font-weight:800;display:inline-flex}.live-dot{background-color:#10b981;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse;box-shadow:0 0 10px #10b981}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.hud-title-group h1{color:#fff;margin:0;font-size:16px;font-weight:800}.hud-subtitle{color:#94a3b8;font-size:11px}.hud-controls{pointer-events:auto;gap:8px;display:flex}.hud-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f1f5f9;cursor:pointer;background:#0f172ae6;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 15px #0000004d}.hud-btn:hover{background:#1e293bf2;border-color:#38bdf8;transform:translateY(-1px)}.hud-btn.btn-active{background:#7c3aed;border-color:#a855f7;box-shadow:0 0 20px #a855f766}.hud-btn.btn-logout{color:#fca5a5;background:#dc262640;border-color:#ef444466}.hud-btn.btn-logout:hover{color:#fff;background:#dc2626d9;border-color:#ef4444}.agent-card-drawer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:70;background:#0f172af0;border:1px solid #38bdf859;border-radius:16px;width:320px;max-width:calc(100vw - 40px);padding:16px;animation:.25s cubic-bezier(.16,1,.3,1) slideIn;position:absolute;top:80px;right:20px;box-shadow:0 20px 40px #0009}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.card-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.agent-avatar{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.agent-info h3{color:#fff;font-size:15px;font-weight:800}.agent-info p{color:#94a3b8;font-size:11.5px}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px}.close-btn:hover{color:#fff}.card-body{flex-direction:column;gap:10px;display:flex}.field-group{flex-direction:column;gap:4px;display:flex}.field-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:10.5px;font-weight:700}.status-pill{background:#ffffff0f;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:11.5px;display:inline-flex}.status-pill .dot{border-radius:50%;width:8px;height:8px}.task-desc{color:#e2e8f0;background:#00000040;border-left:3px solid #38bdf8;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.4}.terminal-box{color:#38bdf8;word-break:break-all;background:#020617;border:1px solid #1e293b;border-radius:8px;align-items:flex-start;gap:8px;padding:8px 10px;font-family:Consolas,Courier New,monospace;font-size:11px;display:flex}.term-icon{color:#10b981;flex-shrink:0;margin-top:2px}.hud-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#94a3b8;pointer-events:none;z-index:40;background:#0f172ad9;border:1px solid #ffffff14;border-radius:20px;padding:4px 12px;font-size:11px;position:absolute;bottom:12px;right:18px}.login-overlay{z-index:999;background:radial-gradient(circle,#1e1b4b 0%,#030712 100%);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#0f172aeb;border:1px solid #a855f759;border-radius:20px;width:100%;max-width:380px;padding:30px 24px;animation:.3s cubic-bezier(.16,1,.3,1) modalScale;box-shadow:0 25px 50px -12px #000000b3,0 0 35px #a855f733}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.login-badge{color:#c084fc;letter-spacing:.08em;background:#a855f726;border:1px solid #a855f766;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:10.5px;font-weight:800;display:inline-flex}.login-card h2{color:#fff;margin-bottom:6px;font-size:20px;font-weight:800}.login-desc{color:#94a3b8;margin-bottom:20px;font-size:12.5px;line-height:1.5}.login-form{flex-direction:column;gap:12px;display:flex}.input-box{align-items:center;display:flex;position:relative}.input-icon{color:#64748b;pointer-events:none;position:absolute;left:14px}.input-box input{color:#f8fafc;background:#020617;border:1px solid #334155;border-radius:12px;outline:none;width:100%;padding:12px 14px 12px 42px;font-size:14px}.input-box input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f740}.login-err{color:#f87171;font-size:12px;font-weight:600}.login-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:700;display:flex}.login-footer{border-top:1px solid #ffffff14;margin-top:20px;padding-top:12px}.login-footer span{color:#64748b;font-size:10.5px}.command-console-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:60;background:#0f172af2;border:1px solid #38bdf859;border-radius:16px;flex-direction:column;width:440px;max-width:calc(100vw - 32px);transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:14px;left:16px;overflow:hidden;box-shadow:0 20px 45px #000000b3,0 0 25px #38bdf826}.command-console-panel.minimized{width:310px}.console-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#020617e6;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.console-title{color:#f8fafc;letter-spacing:.02em;align-items:center;gap:7px;font-size:11.5px;font-weight:800;display:flex}.live-pill{border-radius:10px;padding:2px 6px;font-size:9px;font-weight:800}.live-pill.online{color:#34d399;background:#10b98133;border:1px solid #34d39966}.live-pill.checking{color:#fbbf24;background:#f59e0b33;border:1px solid #fbbf2466}.live-pill.offline{color:#f87171;background:#ef444433;border:1px solid #f8717166}.console-actions{align-items:center;gap:6px;display:flex}.mode-toggle{background:#1e293bd9;border-radius:8px;padding:2px;display:flex}.mode-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:700;display:flex}.mode-btn.active{color:#fff;background:#0284c7}.minimize-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;padding:3px;display:flex}.console-messages{flex-direction:column;gap:10px;height:220px;max-height:35vh;padding:12px;display:flex;overflow-y:auto}.msg-bubble{flex-direction:column;gap:3px;max-width:90%;animation:.2s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.msg-bubble.user{align-self:flex-end}.msg-bubble.ucok{align-self:flex-start}.msg-meta{color:#64748b;align-items:center;gap:6px;font-size:9.5px;display:flex}.sender-name{color:#cbd5e1;font-weight:800}.mode-tag{color:#38bdf8;background:#ffffff14;border-radius:3px;padding:1px 4px;font-size:8.5px}.msg-text{color:#f1f5f9;word-break:break-word;background:#1e293b;border-radius:12px;padding:8px 12px;font-size:12px;line-height:1.45}.msg-bubble.user .msg-text{color:#fff;background:#0284c7;border-bottom-right-radius:2px}.msg-bubble.ucok .msg-text{background:#0f172a;border:1px solid #334155;border-bottom-left-radius:2px}.cmd-output{color:#38bdf8;white-space:pre-wrap;word-break:break-all;background:#020617;border:1px solid #1e293b;border-radius:8px;max-height:140px;padding:8px 10px;font-family:Consolas,Courier New,monospace;font-size:10.5px;line-height:1.35;overflow-y:auto}.msg-bubble.thinking{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;flex-direction:row;align-items:center;gap:8px;padding:6px 10px;font-size:11px;display:flex}.spin-icon{animation:1.5s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.console-input-form{background:#020617;border-top:1px solid #ffffff14;gap:8px;padding:10px;display:flex}.console-input-form input{color:#f8fafc;background:#0f172a;border:1px solid #334155;border-radius:10px;outline:none;flex:1;padding:10px 12px;font-size:13px}.console-input-form input:focus{border-color:#38bdf8}.console-input-form button{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0 16px;display:flex}.console-input-form button:disabled{opacity:.5}@media (width<=640px){.hud-header{top:8px;left:8px;right:8px}.hud-title-group{padding:6px 10px}.hud-title-group h1{font-size:13px}.hud-subtitle{display:none}.hud-btn{padding:6px 10px;font-size:11px}.command-console-panel{border-bottom:none;border-left:none;border-right:none;border-radius:16px 16px 0 0;width:100vw;max-width:100vw;bottom:0;left:0;right:0}.command-console-panel.minimized{width:100vw}.console-messages{height:170px}.hud-footer{display:none}}