@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg: #0b0b12;--card: #15151f;--card2: #1c1c2a;--line: #2a2a3a;--fg: #ececf3;--muted: #8b8ba3;--brand: #9b5de5;--brand2: #c77dff;--ok: #22c55e;--no: #ef4444;--warn: #f59e0b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--brand2);outline-offset:2px;border-radius:10px}button,select,input,.tab,.agent,.card{cursor:pointer}input,select,textarea{cursor:text}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.center{display:grid;place-items:center;height:100dvh;color:var(--muted)}.app{display:flex;flex-direction:column;height:100dvh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0b0b12eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.brand{font-weight:800;letter-spacing:.3px;color:var(--brand2);display:inline-flex;align-items:center;gap:7px}.brand.big{font-size:30px;display:block}.brand-logo{width:26px;height:26px}.brand-logo-big{width:112px;height:112px;display:block;margin:0 auto 6px}.content{flex:1;overflow-y:auto;padding:14px 14px 90px}.content.office-mode{padding:0 0 64px;overflow:hidden;display:flex}.office-frame{flex:1;width:100%;border:0;background:var(--bg);display:block}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:#11111af5;border-top:1px solid var(--line);padding:6px 6px calc(env(safe-area-inset-bottom) + 6px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.tab{flex:1;background:none;border:0;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 0;font:inherit;border-radius:12px;min-height:52px;transition:color .2s,background .2s}.tab small{font-size:11px;font-weight:600}.tab.active{color:var(--brand2);background:#9b5de51f}.h{font-size:20px;margin:4px 0 12px;display:flex;align-items:center;gap:8px}.badge{background:var(--brand);color:#fff;border-radius:999px;font-size:12px;padding:2px 9px;font-weight:700}.right{margin-left:auto}.empty{color:var(--muted);text-align:center;padding:40px 0}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:10px}.card.read{opacity:.55}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}.desc{margin:8px 0 4px;line-height:1.4}.muted{color:var(--muted)}.small{font-size:12.5px}.chip{background:#9b5de52e;color:var(--brand2);border-radius:8px;padding:3px 9px;font-size:12px;font-weight:700}.dot{width:9px;height:9px;border-radius:50%;background:var(--brand);flex:0 0 auto}.state{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--card2);color:var(--muted);white-space:nowrap}.state.en_progreso,.state.todo,.state.disponible{background:#22c55e26;color:#4ade80}.state.bloqueado,.state.escalado,.state.budget_exceeded,.state.paused{background:#f59e0b26;color:#fbbf24}.state.completado{background:#6366f126;color:#a5b4fc}.state.cancelado{background:#ef44441f;color:#f87171}.actions{display:flex;gap:8px;margin-top:12px}.btn{flex:1;border:0;border-radius:12px;padding:11px;font:inherit;font-weight:700;color:#fff}.btn.ok{background:var(--ok)}.btn.no{background:var(--no)}.btn:disabled{opacity:.5}select{flex:1;background:var(--card2);color:var(--fg);border:1px solid var(--line);border-radius:12px;padding:10px;font:inherit}.filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:4px}.pill{background:var(--card2);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 13px;font:inherit;font-size:13px;white-space:nowrap}.pill.active{background:var(--brand);color:#fff;border-color:var(--brand)}.link{background:none;border:0;color:var(--brand2);font:inherit;font-weight:600}.push-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 14px 0;padding:11px 14px;border-radius:14px;background:linear-gradient(135deg,#7c3aed38,#c77dff24);border:1px solid rgba(155,93,229,.35);font-size:13.5px}.push-banner-txt{display:inline-flex;align-items:center;gap:7px}.push-btn{background:var(--brand);border:0;color:#fff;border-radius:10px;padding:9px 16px;font:inherit;font-weight:700;min-height:40px}.push-btn:disabled{opacity:.5}.search-wrap{position:relative;margin-bottom:10px}.search-ico{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search{width:100%;background:var(--card);border:1px solid var(--line);color:var(--fg);border-radius:12px;padding:11px 14px 11px 40px;font:inherit}.search::placeholder{color:var(--muted)}.agent-list{display:flex;flex-direction:column;gap:10px}.agent{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px}.agent.on{border-color:#22c55e4d}.agent-av{width:44px;height:44px;flex:0 0 auto;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:18px;color:#fff;border:1px solid var(--line);background:linear-gradient(135deg,#3a2a5e,#26263f)}.agent.on .agent-av{background:linear-gradient(135deg,#ff2d9b,#8b3ff5,#2fb8f5);border-color:transparent}.agent-main{flex:1;min-width:0}.agent-top{display:flex;align-items:baseline;gap:7px}.agent-name{font-weight:700;font-size:15.5px}.agent-id{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.agent-title{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:1px 0 6px}.agent-chips{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--card2);color:var(--muted);white-space:nowrap}.tag.free{background:#22c55e26;color:#4ade80}.tag.paid{background:#f59e0b26;color:#fbbf24}.tag.ghost{background:transparent;border:1px solid var(--line)}.tagdot{font-size:11px;font-weight:700;padding:2px 9px 2px 20px;border-radius:999px;position:relative;background:var(--card2);color:var(--muted)}.tagdot:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:currentColor}.tagdot.green{background:#22c55e26;color:#4ade80}.tagdot.amber{background:#f59e0b26;color:#fbbf24}.tagdot.red{background:#ef44441f;color:#f87171}.toggle{flex:0 0 auto;width:50px;height:30px;border-radius:999px;border:0;background:#3a3a4e;position:relative;transition:background .2s}.toggle.on{background:var(--ok)}.toggle:disabled{opacity:.55}.toggle .knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0006}.toggle.on .knob{transform:translate(20px)}.login{display:grid;place-items:center;height:100dvh;padding:24px}.login-card{width:100%;max-width:360px;text-align:center}.login-card form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.login-card input{background:var(--card);border:1px solid var(--line);color:var(--fg);border-radius:14px;padding:14px;font:inherit}.login-card button{background:linear-gradient(135deg,var(--brand),var(--brand2));border:0;color:#fff;border-radius:14px;padding:14px;font:inherit;font-weight:700}.login-card button:disabled{opacity:.5}.err{color:#f87171;font-size:13px}