@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{color:#f8fafc;font-synthesis:none;--ink:#f8fafc;--navy:#061421;--indigo:#818cf8;--teal:#2bebd2;--emerald:#34d399;--sky:#60a5fa;--magenta:#ec4899;--line:#f8fafc1f;background:#020617;font-family:Plus Jakarta Sans,sans-serif}*{box-sizing:border-box}body{background:#020617;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 78% -10%,#818cf829,#0000 32%),linear-gradient(#061421 0 72px,#020617 72px 100%);min-height:100vh;overflow:hidden}.topbar{z-index:10;background:#061421f0;border-bottom:1px solid #f8fafc1a;align-items:center;gap:34px;height:72px;padding:0 30px;display:flex;position:relative}.topbar-actions{align-items:center;gap:8px;display:flex}.logout-button{color:#f8fafcc7;background:#f8fafc0d;border:1px solid #f8fafc24;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 12px;font-size:12px;font-weight:700;display:inline-flex}.logout-button:hover{color:#fff;background:#7f1d1d42;border-color:#f871718c}.brand-lockup{white-space:nowrap;color:#f8fafc;letter-spacing:-.045em;align-items:center;gap:10px;font-size:19px;display:flex}.brand-lockup b{color:var(--teal);font-weight:800}.brand-logo{object-fit:cover;border-radius:9px;width:37px;height:37px;box-shadow:0 0 18px #2bebd238}.main-nav{flex:1;align-items:center;gap:5px;height:100%;display:flex}.nav-item{color:#f8fafca1;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;height:39px;padding:0 14px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.nav-item:hover,.nav-item.active{color:var(--teal);background:#818cf81f}.nav-count{color:#fff;background:#dd7c57;border-radius:50%;place-items:center;min-width:19px;height:19px;font-size:11px;display:grid}.add-agent{color:#061421;background:var(--teal);border:0;border-radius:9px;align-items:center;gap:8px;padding:11px 15px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 5px 20px #2bebd22e}.workspace{background-image:linear-gradient(#818cf806 1px,#0000 1px),linear-gradient(90deg,#818cf806 1px,#0000 1px);background-size:32px 32px;min-height:calc(100vh - 72px);padding:32px;position:relative}.office-stage{isolation:isolate;background:#061421;border:1px solid #2bebd259;border-radius:18px;width:min(100%,1540px);min-height:720px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 22px 70px #0000006b,0 0 42px #2bebd214}.office-background{object-fit:cover;object-position:center;width:100%;height:100%;min-height:720px;display:block}.office-stage:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0206170a 35%,#0206176b 100%);position:absolute;inset:0}.office-emblem{z-index:2;text-align:center;opacity:.76;filter:drop-shadow(0 0 18px #2bebd26b);width:118px;position:absolute;top:14%;left:50%;transform:translate(-50%)}.office-emblem img{object-fit:cover;mix-blend-mode:screen;border-radius:18px;width:88px;height:88px;margin:0 auto 6px;display:block}.office-emblem span{color:#f8fafcb8;letter-spacing:.14em;white-space:nowrap;font-size:7px;font-weight:800}.agent-station{z-index:4;background:0 0;border:0;width:16%;height:44%;padding:0;transition:transform .22s,filter .22s;position:absolute}.agent-station:hover,.agent-station.selected{filter:drop-shadow(0 14px 14px #0000006b);transform:translateY(-8px)scale(1.04)}.station-gerente{z-index:3;top:26%;left:42%}.station-secretaria{top:35%;left:19%}.station-legal{top:35%;right:19%}.station-marketing{z-index:5;top:48%;left:3.5%}.station-ventas{z-index:5;top:48%;right:3.5%}.agent-sprite{z-index:3;object-fit:contain;object-position:center bottom;image-rendering:auto;width:76%;height:78%;position:absolute;top:0;left:50%;transform:translate(-50%)}.agent-platform{--agent-color:#2bebd2;z-index:2;border:1px solid var(--agent-color);background:radial-gradient(ellipse, color-mix(in srgb, var(--agent-color) 32%, transparent), transparent 70%);width:72%;height:10%;box-shadow:0 0 18px color-mix(in srgb, var(--agent-color) 50%, transparent), inset 0 0 16px color-mix(in srgb, var(--agent-color) 25%, transparent);border-radius:50%;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.station-name{z-index:6;color:#f8fafc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left;background:#061421d6;border:1px solid #f8fafc26;border-radius:10px;align-items:center;gap:7px;min-width:128px;padding:7px 9px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #00000040}.station-name img{object-fit:cover;border-radius:6px;width:24px;height:24px}.station-name span{gap:1px;display:grid}.station-name strong{font-size:10px;line-height:1}.station-name small{color:#f8fafc8c;white-space:nowrap;font-size:7px}.attention-dot{z-index:7;color:#061421;background:var(--teal);border:2px solid #f8fafccc;border-radius:50%;place-items:center;width:28px;height:28px;animation:2.1s infinite pulse;display:grid;position:absolute;top:6%;right:6%;box-shadow:0 0 18px #2bebd2a6}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.stage-hint{z-index:7;color:#f8fafcbd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#061421c7;border:1px solid #f8fafc1f;border-radius:8px;align-items:center;gap:8px;padding:8px 11px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:18px;left:18px}.stage-hint span{color:#f8fafc61}.live-dot,.status-dot{background:var(--emerald);border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #34d399a6}.panel-card{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#061421e0;border:1px solid #f8fafc21;border-radius:17px;width:min(390px,100vw - 50px);position:absolute;bottom:54px;right:58px;box-shadow:0 18px 55px #0000005c,0 0 35px #818cf81a}.chat-panel{overflow:hidden}.chat-heading-actions{align-items:center;gap:2px;display:flex}.chat-dock{z-index:20;color:#f8fafc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:left;background:#061421e6;border:1px solid #2bebd24d;border-radius:14px;align-items:center;gap:10px;min-width:168px;padding:9px 12px 9px 9px;transition:transform .18s,border-color .18s;display:flex;position:absolute;bottom:54px;right:58px;box-shadow:0 14px 40px #00000061,0 0 24px #2bebd21a}.chat-dock:hover{border-color:#2bebd2b8;transform:translateY(-3px)}.chat-dock img{object-fit:contain;background:#818cf81a;border-radius:10px;width:39px;height:39px}.chat-dock span{flex:1;gap:2px;display:grid}.chat-dock small{color:var(--teal);letter-spacing:.09em;font-size:8px;font-weight:800}.chat-dock strong{font-size:12px}.chat-dock i{color:#061421;background:var(--teal);border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.chat-heading,.panel-heading{justify-content:space-between;align-items:flex-start;padding:17px 18px 12px;display:flex}.agent-heading{align-items:center;gap:10px;display:flex}.agent-heading img{object-fit:contain;width:42px;height:42px;image-rendering:pixelated}.eyebrow{color:var(--teal);letter-spacing:.1em;font-size:9px;font-weight:800;display:block}h2{color:var(--ink);letter-spacing:-.04em;margin:3px 0 0;font-size:19px}.role-label{color:#f8fafc8c;font-size:11px}.icon-button{color:#f8fafc99;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.icon-button:hover{color:var(--teal);background:#818cf824}.status-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 18px 13px;display:flex}.status-pill{color:var(--emerald);background:#34d3991f;border-radius:100px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.small-action,.text-button{color:var(--teal);background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:11px;font-weight:700;display:inline-flex}.message-list{flex-direction:column;gap:8px;min-height:115px;max-height:195px;padding:16px 18px;display:flex;overflow-y:auto}.message-row{display:flex}.message-row.user{justify-content:flex-end}.message-bubble{color:#f8fafc;background:#818cf81f;border-radius:13px 13px 13px 4px;max-width:84%;padding:10px 12px;font-size:13px;line-height:1.35}.user .message-bubble{color:#061421;background:var(--teal);border-radius:13px 13px 4px}.message-bubble span{color:#f8fafc7a;margin-top:4px;font-size:9px;display:block}.user .message-bubble span{color:#06142199}.composer{border-top:1px solid var(--line);background:#02061766;align-items:center;gap:6px;padding:11px;display:flex}.composer input{min-width:0;color:var(--ink);background:#f8fafc0f;border:1px solid #f8fafc29;border-radius:10px;outline:0;flex:1;padding:10px 11px;font-size:12px}.composer input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #2bebd221}.composer input::placeholder{color:#f8fafc73}.attach-button,.send-button{border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.attach-button{color:#f8fafc99;background:0 0}.send-button{color:#061421;background:var(--teal)}.send-button:hover{background:#8af9ec}.requests-panel{padding-bottom:15px}.panel-intro{color:#f8fafc9e;margin:0 18px 14px;font-size:12px;line-height:1.45}.request-card{background:#818cf814;border:1px solid #f8fafc1f;border-radius:12px;gap:9px;margin:0 14px 9px;padding:10px;display:flex}.request-card img{object-fit:contain;width:43px;height:43px;image-rendering:pixelated}.request-card strong{font-size:13px}.request-card p{color:#f8fafc9e;margin:3px 0 7px;font-size:11px;line-height:1.35}.empty-state{color:var(--emerald);background:#34d3991f;border-radius:11px;align-items:center;gap:8px;margin:0 18px;padding:16px;font-size:12px;display:flex}.settings-panel{padding-bottom:16px}.settings-list{gap:9px;padding:0 14px 14px;display:grid}.settings-row{color:var(--teal);background:#818cf814;border:1px solid #f8fafc1f;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.settings-row div{flex:1}.settings-row strong{color:var(--ink);font-size:12px;display:block}.settings-row p{color:#f8fafc94;margin:3px 0 0;font-size:10px;line-height:1.4}.settings-status{color:#fbbf24;font-size:10px;font-weight:800}.settings-status.online{color:var(--emerald)}.settings-note{color:#f8fafcad;background:#2bebd20f;border:1px solid #2bebd22e;border-radius:10px;margin:0 18px 14px;padding:11px 12px;font-size:11px;line-height:1.45}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.add-agent-panel{width:min(100%,430px);padding-bottom:18px;position:relative;bottom:auto;right:auto}.add-agent-icon{width:56px;height:56px;color:var(--teal);background:#2bebd21a;border:1px solid #2bebd259;border-radius:15px;place-items:center;margin:0 18px 13px;display:grid}@media (width<=900px){.topbar{gap:12px;padding:0 15px}.main-nav{gap:0}.nav-item{padding:0 8px}.nav-item svg{display:none}.add-agent{padding:10px;font-size:0}.add-agent svg{margin:0}.workspace{padding:15px}.office-stage{min-height:580px}.office-background{object-fit:cover;min-height:580px}.panel-card{bottom:30px;right:30px}}@media (width<=620px){.brand-lockup{font-size:16px}.brand-logo{width:30px;height:30px}.main-nav{display:none}.topbar{justify-content:space-between}.topbar-actions{gap:5px}.logout-button{padding:9px;font-size:0}.logout-button svg{margin:0}.office-stage,.office-background{min-height:520px}.office-emblem{top:10%;transform:translate(-50%)scale(.72)}.agent-station{width:27%;height:32%}.station-gerente{top:31%;left:36.5%}.station-secretaria{top:40%;left:8%}.station-legal{top:40%;right:8%}.station-marketing{top:66%;left:8%}.station-ventas{top:66%;right:8%}.station-name{min-width:88px;padding:5px}.station-name img,.station-name small{display:none}.stage-hint{font-size:10px;bottom:8px;left:8px}.panel-card{width:calc(100vw - 30px);bottom:15px;right:15px}.chat-dock{bottom:15px;right:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.auth-screen{background:radial-gradient(circle at 50% 15%,#2bebd224,#0000 32%),#020617;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{gap:14px;width:min(100%,420px);padding:34px;display:grid}.auth-logo{object-fit:contain;border-radius:18px;width:72px;height:72px;box-shadow:0 0 34px #2bebd238}.auth-card h1{letter-spacing:-.04em;margin:0;font-size:32px}.auth-card p{color:var(--muted);margin:0 0 8px;line-height:1.55}.auth-card form{gap:14px;display:grid}.auth-card label{color:var(--ghost);gap:7px;font-size:13px;font-weight:700;display:grid}.auth-card input{width:100%;color:var(--ghost);background:#02061794;border:1px solid #94a3b838;border-radius:12px;outline:none;padding:12px 13px}.auth-card input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #2bebd21f}.auth-submit{background:var(--teal);color:#04131b;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:13px 16px;font-weight:800;display:inline-flex}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-error{color:#fecaca;background:#7f1d1d33;border:1px solid #f8717161;border-radius:10px;padding:10px 12px;font-size:13px}.auth-note{color:var(--muted);align-items:center;gap:6px;display:inline-flex}