:root{--bg:#f4f4f5;--card:#fff;--line:#e4e4e7;--ink:#0a0a0a;--ink2:#52525b;--ink3:#71717a;--ink4:#a1a1aa;--accent:#0a0a0a;--red:#b3261e;--ok:#0a0a0a;--wait:#0a0a0a}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Geist,Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--ink)}.topbar{flex-wrap:wrap;align-items:center;gap:14px;max-width:1360px;margin:0 auto;padding:14px 20px;display:flex}.brandmark{align-items:center;gap:12px;display:flex}.brandmark .mark{background:var(--ink);border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.brandmark .bt b{letter-spacing:.14em;font-size:15px;font-weight:700;display:block}.brandmark .bt span{letter-spacing:.18em;color:var(--ink3);font-size:10.5px;font-weight:500}.topbar .spacer{flex:1}.live-pill{border:1.5px solid var(--ink);letter-spacing:.08em;color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex}.live-pill .dot{background:var(--ink);border-radius:50%;width:8px;height:8px}.topbar .mail{color:var(--ink2);font-size:13px}.btn{color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:500}.btn:hover{border-color:var(--ink)}.btn-primary{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:14.5px;font-weight:600}.btn-primary:disabled{opacity:.55;cursor:default}.hero{flex-wrap:wrap;align-items:flex-end;gap:24px;max-width:1360px;margin:0 auto;padding:26px 20px 18px;display:flex}.hero h1{letter-spacing:-.02em;margin:0;font-size:40px;font-weight:700;line-height:1.05}.hero .sub{color:var(--ink3);margin-top:10px;font-size:15px}.hero .sub b{color:var(--ink);font-weight:600}.hero .spacer{flex:1}.hero .when{text-align:right}.hero .when .d{letter-spacing:.1em;text-transform:uppercase;font-size:12.5px;font-weight:600}.hero .when .t{letter-spacing:-.01em;margin-top:3px;font-size:29px;font-weight:700}.hero .when .z{color:var(--ink3);margin-top:2px;font-size:12px}.stage{max-width:1360px;margin:0 auto;padding:0 20px 30px}.kpis{background:var(--ink);border-radius:16px;margin-bottom:14px;padding:20px 8px;display:flex}.kpi{text-align:center;border-right:1px solid #ffffff29;flex:1}.kpi:last-child{border-right:none}.kpi .n{color:#fff;letter-spacing:-.02em;font-size:36px;font-weight:700;line-height:1}.kpi .l{letter-spacing:.15em;color:var(--ink4);margin-top:7px;font-size:10.5px;font-weight:600}.house-wrap{background:#0a0a0a;border:1px solid #0a0a0a;border-radius:20px;padding:10px;position:relative;box-shadow:0 24px 60px #0a0a0a47}canvas.house{aspect-ratio:1804/1007;touch-action:none;cursor:grab;border-radius:12px;width:100%;height:auto;display:block}canvas.house:active{cursor:grabbing}.zoom-ui{z-index:3;align-items:center;gap:6px;display:flex;position:absolute;bottom:16px;right:16px}.zoom-pct{color:#fff;text-align:center;background:#0a0a0ad1;border:1px solid #ffffff47;border-radius:10px;min-width:50px;padding:8px 9px;font-size:12px;font-weight:700}.zoom-btn,.zoom-reset{cursor:pointer;color:#fff;background:#0a0a0ad1;border:1px solid #ffffff47;border-radius:10px;width:34px;height:34px;font-family:inherit;font-size:19px;line-height:1}.zoom-btn:hover,.zoom-reset:hover{border-color:#fff}.zoom-reset{width:auto;padding:0 11px;font-size:13px;font-weight:700}.zoom-hint{z-index:3;color:#d4d4d8;pointer-events:none;background:#0a0a0ab8;border:1px solid #ffffff24;border-radius:999px;padding:6px 11px;font-size:11.5px;position:absolute;bottom:16px;left:16px}@media (max-width:760px){.zoom-hint{display:none}.zoom-ui{gap:4px;bottom:10px;right:10px}.zoom-btn{border-radius:9px;width:30px;height:30px;font-size:16px}.zoom-reset{border-radius:9px;width:auto;height:30px;padding:0 8px;font-size:12px}.zoom-pct{border-radius:9px;min-width:42px;padding:6px 5px;font-size:11px}}:-webkit-any(.house-wrap:fullscreen,.house-wrap:-webkit-full-screen){width:100%;max-width:none;height:100%;box-shadow:none;background:radial-gradient(1200px 700px at 50% 38%,#26262a 0%,#0a0a0a 62%),#0a0a0a;border:none;border-radius:0;justify-content:center;align-items:center;padding:12px;display:flex;overflow:hidden}:is(.house-wrap:fullscreen,.house-wrap:fullscreen){width:100%;max-width:none;height:100%;box-shadow:none;background:radial-gradient(1200px 700px at 50% 38%,#26262a 0%,#0a0a0a 62%),#0a0a0a;border:none;border-radius:0;justify-content:center;align-items:center;padding:12px;display:flex;overflow:hidden}:-webkit-any(.house-wrap:fullscreen canvas.house,.house-wrap:-webkit-full-screen canvas.house){flex:none;width:min(100%,179.146dvh - 42.995px);height:auto}:is(.house-wrap:fullscreen canvas.house,.house-wrap:fullscreen canvas.house){flex:none;width:min(100%,179.146dvh - 42.995px);height:auto}.fs-btn{justify-content:center;align-items:center;display:flex}.fs-btn svg{display:block}.house-wrap.cursor-off,.house-wrap.cursor-off *{cursor:none!important}.panels{grid-template-columns:1.92fr 1fr;align-items:start;gap:20px;margin-top:20px;display:grid}.side-col{flex-direction:column;gap:20px;min-width:0;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}.chead{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:17px 22px;display:flex}.chead h2{letter-spacing:.14em;margin:0;font-size:13px;font-weight:700}.chead p{color:var(--ink3);margin:3px 0 0;font-size:12.5px}.pill{letter-spacing:.09em;white-space:nowrap;border-radius:999px;flex:none;margin-left:auto;padding:6px 11px;font-size:10.5px;font-weight:700}.pill.solid{background:var(--ink);color:#fff}.pill.line{border:1px solid var(--ink);color:var(--ink);background:#fff}.room-head{align-items:baseline;gap:10px;padding:15px 22px 3px;display:flex}.room-head .no{color:var(--ink4);letter-spacing:.06em;font-size:11px;font-weight:700}.room-head h3{letter-spacing:.13em;margin:0;font-size:12px;font-weight:700}.room-head .ct{color:var(--ink3);margin-left:auto;font-size:12px}.agent-row{cursor:pointer;border-bottom:1px solid #f4f4f5;align-items:flex-start;gap:14px;padding:12px 22px;display:flex;position:relative}.agent-row:last-child{border-bottom:none}.agent-row:hover{background:#fafafa}.agent-row.sel{background:var(--bg)}.agent-row.sel:before{content:"";background:var(--ink);width:3px;position:absolute;top:0;bottom:0;left:0}.ava{border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.ava.b{background:var(--ink);color:#fff}.ava.w{border:1.5px solid var(--ink);color:var(--ink);background:#fff}.ava.g{background:var(--bg);border:1px solid var(--line);color:var(--ink2)}.agent-row .nm{font-size:15px;font-weight:600}.agent-row .tk{color:var(--ink2);margin-top:3px;font-size:13.5px;line-height:1.45}.agent-row .meta{text-align:right;flex:none;margin-left:auto}.st-pill{letter-spacing:.08em;white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:10.5px;font-weight:700;display:inline-block}.st-pill.trabajando{background:var(--ink);color:#fff}.st-pill.esperando{border:1px solid var(--ink);color:var(--ink);background:#fff}.st-pill.terminado{background:var(--bg);border:1px solid var(--line);color:var(--ink2)}.st-pill.idle{border:1px dashed var(--ink4);color:var(--ink3);background:#fff}.agent-row .upd{color:var(--ink4);margin-top:7px;font-size:11.5px}.sdot{background:var(--ink4);border-radius:50%;flex:none;width:10px;height:10px;margin-top:4px}.sdot.trabajando{background:var(--ink)}.sdot.esperando{border:2px solid var(--ink);background:#fff;width:7px;height:7px}.sdot.idle{background:var(--ink4)}.sdot.terminado{background:var(--ink3)}.tl{padding:6px 22px 12px}.event-row{border-bottom:1px solid #f4f4f5;align-items:flex-start;gap:13px;padding:12px 0;display:flex}.event-row:last-child{border-bottom:none}.event-row .edot{background:var(--ink);border-radius:50%;flex:none;width:9px;height:9px;margin-top:5px}.event-row .edot.hollow{border:2px solid var(--ink);background:#fff;width:6px;height:6px;margin-top:6px}.event-row .who{font-size:14px;line-height:1.4}.event-row .who b{font-weight:600}.event-row .arr{color:var(--ink4)}.event-row .txt{color:var(--ink2);margin-top:2px;font-size:13.5px;line-height:1.45}.event-row .when{color:var(--ink4);flex:none;margin-left:auto;font-size:12px;font-weight:500}.tag{letter-spacing:.09em;border:1px solid var(--line);background:var(--bg);color:var(--ink2);vertical-align:2px;white-space:nowrap;border-radius:5px;margin-left:8px;padding:2px 6px;font-size:9.5px;font-weight:700}.dl{padding:4px 22px 14px}.dlv{border-bottom:1px solid #f4f4f5;padding:11px 0}.dlv:last-child{border-bottom:none}.dlv .a{font-size:13px;font-weight:600}.dlv .a span{color:var(--ink4);float:right;font-size:12px;font-weight:500}.dlv .b{margin-top:3px;font-size:13.5px;line-height:1.45}.dlv .c{color:var(--ink3);margin-top:2px;font-size:12.5px;line-height:1.45}.sys{padding:10px 22px 14px}.sysrow{border-bottom:1px solid #f4f4f5;align-items:center;gap:10px;padding:9px 0;font-size:13.5px;display:flex}.sysrow:last-child{border-bottom:none}.sysrow i{background:var(--ink);border-radius:50%;flex:none;width:8px;height:8px}.sysrow i.off{border:2px solid var(--red);background:#fff;width:5px;height:5px}.sysrow span{color:var(--ink3);text-align:right;margin-left:auto;font-size:12.5px}.empty{color:var(--ink3);padding:6px 22px 16px;font-size:13.5px;line-height:1.5}.dash-foot{max-width:1360px;color:var(--ink3);gap:14px;margin:0 auto;padding:0 20px 30px;font-size:12.5px;display:flex}.dash-foot .r{flex:none;margin-left:auto}.fade-bottom{display:none}.gate-wrap{justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.gate-card{background:var(--card);border:1px solid var(--line);border-radius:18px;width:100%;max-width:420px;padding:28px;box-shadow:0 24px 60px #0a0a0a24}.gate-card h1{letter-spacing:-.01em;margin:0 0 6px;font-size:21px}.gate-card p{color:var(--ink2);margin:0 0 16px;font-size:14px;line-height:1.55}.gate-card label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink3);margin:14px 0 6px;font-size:12px;font-weight:700;display:block}.gate-card input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:15px}.gate-card input:focus{border-color:var(--ink)}.gate-err{color:#7c211c;background:#fdf0ef;border:1px solid #e5b6b3;border-radius:10px;margin-top:14px;padding:10px 12px;font-size:13.5px}.gate-ok{background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:10px;margin-top:14px;padding:10px 12px;font-size:13.5px}.house-emoji{margin-bottom:10px;font-size:40px;line-height:1}.ficha{border:1px solid var(--line);width:308px;max-width:calc(100% - 24px);max-height:calc(100% - 24px);color:var(--ink);z-index:6;background:#fffffff7;border-radius:16px;padding:16px 16px 12px;animation:.22s ease-out ficha-in;position:absolute;top:12px;right:12px;overflow-y:auto;box-shadow:0 18px 44px #0a0a0a59}@keyframes ficha-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.ficha-x{border:1px solid var(--line);width:30px;height:30px;color:var(--ink2);cursor:pointer;background:#fff;border-radius:50%;font-family:inherit;font-size:17px;line-height:1;position:absolute;top:8px;right:10px}.ficha-x:hover{background:var(--bg);color:var(--ink)}.ficha-head{align-items:flex-start;gap:10px;padding-right:30px;display:flex}.ficha-nm{letter-spacing:-.01em;font-size:17px;font-weight:700}.ficha-sub{color:var(--ink3);text-transform:uppercase;letter-spacing:.07em;margin-top:2px;font-size:12px}.ficha-sec{margin-top:13px}.ficha-lab{text-transform:uppercase;letter-spacing:.1em;color:var(--ink3);margin-bottom:6px;font-size:11px;font-weight:700}.ficha-tarea{color:var(--ink);font-size:14px;line-height:1.45}.ficha-empty{color:var(--ink3);font-size:13px;line-height:1.5}.ficha-hist{border-top:1px solid #f4f4f5;padding:8px 0}.ficha-hist:first-of-type{border-top:none;padding-top:0}.fh-t{font-size:13.5px;line-height:1.4}.fh-r{color:var(--ink3);margin-top:2px;font-size:12px}.fh-r.cur{color:var(--ink);font-weight:600}.ficha-back{cursor:pointer;border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:10px;width:100%;margin-top:14px;padding:10px;font-family:inherit;font-size:13.5px;font-weight:600}.ficha-back:hover{background:#26262a}@media (max-width:760px){.ficha{border-bottom:none;border-radius:18px 18px 0 0;width:auto;max-width:none;max-height:62%;animation:.24s ease-out ficha-sheet;inset:auto 0 0}@keyframes ficha-sheet{0%{opacity:.4;transform:translateY(30px)}to{opacity:1;transform:none}}.topbar{z-index:60;border-bottom:1px solid var(--line);padding:10px 14px;padding-top:max(10px, env(safe-area-inset-top));background:#fff;flex-wrap:nowrap;gap:9px;position:sticky;top:0}.topbar .mail{display:none}.brandmark{gap:9px;min-width:0}.brandmark .mark{border-radius:9px;width:34px;height:34px}.brandmark .bt b{white-space:nowrap;font-size:13px}.brandmark .bt span{letter-spacing:.13em;white-space:nowrap;font-size:9px}.live-pill{white-space:nowrap;flex:none;padding:6px 10px;font-size:11px}.topbar .btn{white-space:nowrap;flex:none;padding:7px 10px;font-size:12px}.hero{padding:18px 16px 12px}.hero h1{font-size:27px}.hero .sub{font-size:13px}.hero .when{display:none}.stage{padding:0 12px 20px}.stage-zone{z-index:50;background:var(--bg);padding-top:10px;position:sticky;top:55px}.stage-zone:after{content:"";background:linear-gradient(to bottom, var(--bg) 10%, #f4f4f500);pointer-events:none;height:30px;position:absolute;top:100%;left:0;right:0}.stage-zone .house-wrap{box-shadow:0 16px 34px -10px #0a0a0a66}.kpis{border-radius:13px;margin-bottom:10px;padding:12px 2px}.kpi .n{font-size:20px}.kpi .l{letter-spacing:.1em;margin-top:4px;font-size:8px}.panels{grid-template-columns:1fr;gap:16px;margin-top:16px}.side-col{gap:16px}.chead{padding:15px 16px}.room-head{padding:13px 16px 2px}.agent-row{padding:11px 16px}.tl,.dl,.sys,.empty{padding-left:16px;padding-right:16px}.dash-foot{padding:0 16px 24px}.fade-bottom{background:linear-gradient(to bottom, #f4f4f500, var(--bg) 88%);pointer-events:none;z-index:45;height:58px;display:block;position:fixed;bottom:0;left:0;right:0}}