.kpi-panel{background:linear-gradient(#0b1626 0%,#070e1a 100%);border:1px solid #00d9ff47;border-radius:16px;padding:14px 16px}.kpi-card{isolation:isolate;border-radius:14px;align-items:center;gap:12px;min-height:76px;padding:12px 14px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.kpi-spark{display:none}@container (min-width:340px){.kpi-spark{display:block}}.kpi-card-cyan{background:linear-gradient(160deg,#00d9ff1f 0%,#08121ef7 62%);border:1px solid #00d9ff80;box-shadow:0 0 0 1px #00d9ff14,0 0 22px #00d9ff1a}.kpi-card-green{background:linear-gradient(160deg,#00e59b1f 0%,#07120ff7 62%);border:1px solid #00e59b80;box-shadow:0 0 0 1px #00e59b14,0 0 22px #00e59b1a}.kpi-card-blue{background:linear-gradient(160deg,#5278ff1f 0%,#090c1cf7 62%);border:1px solid #5278ff80;box-shadow:0 0 0 1px #5278ff14,0 0 22px #5278ff1a}.kpi-card-purple{background:linear-gradient(160deg,#b66cff1f 0%,#0e0918f7 62%);border:1px solid #b66cff80;box-shadow:0 0 0 1px #b66cff14,0 0 22px #b66cff1a}.kpi-card-active.kpi-card-cyan{box-shadow:0 0 0 2px #00d9ff99,0 0 26px #00d9ff2e}.kpi-card-active.kpi-card-green{box-shadow:0 0 0 2px #00e59b99,0 0 26px #00e59b2e}.kpi-card-active.kpi-card-blue{box-shadow:0 0 0 2px #5278ff99,0 0 26px #5278ff2e}.kpi-card-active.kpi-card-purple{box-shadow:0 0 0 2px #b66cff99,0 0 26px #b66cff2e}.kpi-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.kpi-icon-cyan{color:#02222b;background:radial-gradient(circle at 35% 30%,#7ce9ff,#00d9ff 55%,#0ac);box-shadow:0 0 14px #00d9ff8c,0 0 0 4px #00d9ff1a}.kpi-icon-green{color:#022018;background:radial-gradient(circle at 35% 30%,#86f5cf,#00e59b 55%,#00b87a);box-shadow:0 0 14px #00e59b8c,0 0 0 4px #00e59b1a}.kpi-icon-blue{color:#0b1330;background:radial-gradient(circle at 35% 30%,#a9bbff,#5278ff 55%,#3557d8);box-shadow:0 0 14px #5278ff8c,0 0 0 4px #5278ff1a}.kpi-icon-purple{color:#210a33;background:radial-gradient(circle at 35% 30%,#e3c8ff,#b66cff 55%,#9440e0);box-shadow:0 0 14px #b66cff8c,0 0 0 4px #b66cff1a}.kpi-wave{opacity:.4;pointer-events:none;width:100%;height:22px;position:absolute;bottom:6px;left:0}.mgmt-panel{background:linear-gradient(#0b1626 0%,#080f1c 100%);border:1px solid #00d9ff38;border-radius:16px;flex-direction:column;height:100%;display:flex}.mgmt-row{background:#060e1ab3;border:1px solid #00d9ff29;border-radius:10px}.mgmt-row:hover{background:#060e1af2;border-color:#00d9ff66}.mgmt-cell{background:#060e1ab3;border-top:1.5px solid #00d9ff59;border-bottom:1.5px solid #00d9ff59;box-shadow:0 0 0 1px #00d9ff0a}tr:hover>.mgmt-cell{background:#060e1af2;border-color:#00d9ff8c}.mgmt-cell-first{border-left:1.5px solid #00d9ff59;border-top-left-radius:12px;border-bottom-left-radius:12px}tr:hover>.mgmt-cell-first{border-color:#00d9ff8c}.mgmt-cell-last{border-right:1.5px solid #00d9ff59;border-top-right-radius:12px;border-bottom-right-radius:12px}tr:hover>.mgmt-cell-last{border-color:#00d9ff8c}.mgmt-pin-left,.mgmt-pin-right{z-index:1;position:sticky}.mgmt-pin-left{left:var(--pin-left,0px)}.mgmt-pin-right{right:0}th.mgmt-pin-left,th.mgmt-pin-right{background:#0a1424}.mgmt-cell.mgmt-pin-left,.mgmt-cell.mgmt-pin-right{background:#070e19}tr:hover>.mgmt-cell.mgmt-pin-left,tr:hover>.mgmt-cell.mgmt-pin-right{background:#060e1a}.mgmt-row-card{background:#060e1ab3;border:1.5px solid #00d9ff59;border-radius:14px;transition:border-color .15s,background .15s;box-shadow:0 0 0 1px #00d9ff0a}.mgmt-row-card:hover{background:#060e1af2;border-color:#00d9ff8c}.mgmt-row-icon{color:#7ce9ff;background:#00d9ff24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}
.sph-call-visual{aspect-ratio:1;pointer-events:none;flex:none;width:min(560px,92%,52vh);margin:min(70px,5vh) 0 min(18px,1vh);position:relative}.sph-call-visual-svg{aspect-ratio:1;width:100%;height:auto;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.sph-call-visual .sph-call-orbit{transform-box:view-box;transform-origin:50%}.sph-call-orbit-outer{animation:6s linear infinite sph-call-material-turn}.sph-call-orbit-middle{animation:8s linear infinite reverse sph-call-material-turn}.sph-call-orbit-inner{animation:10s linear infinite sph-call-material-turn}.sph-call-energy-orbit{animation:7s linear infinite sph-call-material-turn}.sph-call-energy-fade{animation:3s ease-in-out infinite sph-call-energy-breathe}.sph-call-phone-glow{animation:2s ease-in-out infinite sph-call-handset-breathe}.sph-call-visual-active .sph-call-phone-glow{animation-duration:1.6s}@keyframes sph-call-material-turn{to{transform:rotate(360deg)}}@keyframes sph-call-handset-breathe{0%,to{opacity:.4}50%{opacity:.66}}@keyframes sph-call-energy-breathe{0%,to{opacity:.08}45%,55%{opacity:.48}}@media (prefers-reduced-motion:reduce){.sph-call-visual *{animation:none!important}.sph-call-visual .sph-call-phone-glow{opacity:.5}.sph-call-visual .sph-call-energy-fade{opacity:.18}}
.sph-hero{--sph-unit:clamp(.82px, .11vw, 1.35px);isolation:isolate;background:var(--t-hero-bg);border-radius:0;width:100%;height:calc(100vh - 80px);min-height:480px;position:relative;overflow:hidden}.sph-hero:after{z-index:0;content:"";opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.sph-wave-bg{z-index:0;pointer-events:none;transform-origin:50%;width:100%;height:100%;animation:6s ease-in-out infinite alternate sph-wave-drift;position:absolute;inset:0}@keyframes sph-wave-drift{0%{transform:scale(1.04)translate(-1.6%,-.6%)}to{transform:scale(1.04)translate(1.6%,.6%)}}.sph-intro{z-index:3;top:calc(22 * var(--sph-unit));left:calc(28 * var(--sph-unit));max-width:60%;position:absolute}.sph-intro h1{color:var(--color-accent);background:var(--t-brand-grad);-webkit-text-fill-color:transparent;font-family:var(--font-rajdhani);font-size:clamp(22px, calc(30 * var(--sph-unit)), 34px);letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:700;line-height:1.18}.sph-intro p{margin:calc(2 * var(--sph-unit)) 0 0;color:var(--t-hero-sub);font-size:clamp(12px, calc(13 * var(--sph-unit)), 15px);line-height:1.5}.sph-content{z-index:2;height:calc(100% - 150px);padding:calc(16 * var(--sph-unit)) calc(230 * var(--sph-unit)) 0;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:relative}.sph-dialer-center{z-index:2;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:none;display:flex;position:relative}.sph-brand-hero{width:min(clamp(150px, calc(210 * var(--sph-unit)), 240px), 19vh);-webkit-user-select:none;user-select:none;flex-shrink:0;height:auto}.sph-dialer-center h2{margin:min(calc(16 * var(--sph-unit)), 1.5vh) 0 0;color:#f3f3ff;font-size:clamp(19px, calc(25 * var(--sph-unit)), 28px);letter-spacing:-.5px;text-align:center;white-space:nowrap;font-weight:700;line-height:1.2}.sph-dialer-center h2 span{color:#00e2ec;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#00e5e5,#00d2ed);-webkit-background-clip:text;background-clip:text}.sph-subtitle{margin:min(calc(8 * var(--sph-unit)), 1vh) 0 0;color:#bcd9ee;max-width:100%;font-size:clamp(12px, calc(13 * var(--sph-unit)), 15px);text-align:center;line-height:1.4}.sph-audio-wave{width:min(200px,74%);height:calc(29 * var(--sph-unit));justify-content:space-between;align-items:center;gap:3px;margin-top:-50px;display:flex}.sph-audio-wave span{background:var(--t-wave-hi,#00e6f1);width:3px;box-shadow:0 0 5px color-mix(in srgb, var(--t-wave-hi,#00d5f2) 64%, transparent), 0 0 13px color-mix(in srgb, var(--t-wave-mid,#009dcb) 30%, transparent);transform-origin:50%;border-radius:3px;animation:.35s ease-in-out infinite alternate sph-waveform;display:block}.sph-audio-wave-active span{animation-duration:.8s}@keyframes sph-waveform{0%{opacity:.85;transform:scaleY(.73)}to{opacity:1;transform:scaleY(1)}}.sph-connection-status{width:min(460px,90%);height:calc(45 * var(--sph-unit));min-height:44px;margin-top:min(calc(90 * var(--sph-unit)), 6.5vh);color:var(--t-hero-sub);background:var(--t-pill-bg);font-size:clamp(11px, calc(11.7 * var(--sph-unit)), 13px);cursor:default;border:1px solid #00b7cc;border-color:#00b7cc #00b7cc #00bcc3 #007c96;border-radius:100px;align-items:center;transition:box-shadow .2s,border-color .2s,transform .2s;display:flex;box-shadow:inset 0 0 17px #00bcda09}.sph-connection-status.sph-not-ready{background:linear-gradient(95deg,#3a2a00c7,#2d2100d9 52%,#3a2900b3);border-color:#cc9a00 #cc9a00 #c39400 #966f00}.sph-online-label{justify-content:flex-start;align-items:center;gap:calc(14 * var(--sph-unit));width:46%;padding-left:calc(20 * var(--sph-unit));color:#00efdc;font-size:clamp(11px, calc(12.5 * var(--sph-unit)), 14px);font-weight:600;display:flex}.sph-not-ready .sph-online-label{color:#ffcf6e}.sph-online-label i{width:calc(12 * var(--sph-unit));height:calc(12 * var(--sph-unit));background:linear-gradient(130deg,#00f0cd,#00dfce);border-radius:50%;flex-shrink:0;box-shadow:0 0 13px #00dec466}.sph-not-ready .sph-online-label i{background:linear-gradient(130deg,#ffcf6e,#ffb347);box-shadow:0 0 13px #ffb34766}.sph-connection-divider{width:1px;height:calc(16 * var(--sph-unit));background:var(--t-hero-divider)}.sph-connection-label{justify-content:center;align-items:center;gap:calc(8 * var(--sph-unit));white-space:nowrap;flex:1;display:flex}.sph-connection-label svg{width:calc(17 * var(--sph-unit));height:calc(17 * var(--sph-unit));color:var(--t-hero-icon);filter:drop-shadow(0 0 5px color-mix(in srgb, var(--t-hero-icon) 21%, transparent))}.sph-feature{z-index:2;align-items:flex-start;gap:calc(13 * var(--sph-unit));width:21%;min-width:168px;max-width:230px;display:flex;position:absolute}.sph-feature-connect{gap:calc(15 * var(--sph-unit));width:23%;top:10%;left:3.5%}.sph-feature-performance{top:8%;right:3.5%}.sph-feature-security{top:36%;right:3.5%}.sph-feature-icon{width:calc(58 * var(--sph-unit));height:calc(58 * var(--sph-unit));background:radial-gradient(circle at 47% 46%,#004052bd,#00293bd6 65%,#003d5099);border:1px solid #007d96b3;border-radius:50%;flex-shrink:0;place-items:center;min-width:48px;min-height:48px;display:grid;box-shadow:inset 0 0 15px #00c7e112,0 0 20px #00b2c50a}.sph-feature-connect .sph-feature-icon{width:calc(62 * var(--sph-unit));height:calc(62 * var(--sph-unit));min-width:52px;min-height:52px}.sph-feature-icon svg{color:#00e1e7;filter:drop-shadow(0 0 5px #00dceb3b);width:60%;height:60%}.sph-feature-copy{padding-top:calc(4 * var(--sph-unit))}.sph-feature-copy h3{color:#eff0fa;font-size:clamp(13px, calc(14.5 * var(--sph-unit)), 16px);margin:0;font-weight:600;line-height:1.25}.sph-feature-copy p{margin:calc(6 * var(--sph-unit)) 0 0;color:#bed9eb;font-size:clamp(10.5px, calc(11.5 * var(--sph-unit)), 12px);line-height:1.4}.sph-feature-rule{width:calc(30 * var(--sph-unit));height:3px;margin-top:calc(11 * var(--sph-unit));background:linear-gradient(90deg,#00eedb,#00c6e8 65%,#007bee);border-radius:1px;display:block}.sph-benefit-bar{z-index:2;bottom:calc(28 * var(--sph-unit));width:min(700px,88%);height:calc(64 * var(--sph-unit));border:1px solid var(--t-hero-card-border);border-radius:calc(18 * var(--sph-unit));background:var(--t-hero-card-bg);min-height:56px;box-shadow:inset 0 0 30px color-mix(in srgb, var(--color-accent) 6%, transparent);align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.sph-benefit{justify-content:center;align-items:center;gap:calc(14 * var(--sph-unit));padding:0 calc(10 * var(--sph-unit));color:var(--t-hero-sub);font-size:clamp(10.5px, calc(11.7 * var(--sph-unit)), 13px);flex:1;line-height:1.4;display:flex}.sph-benefit>svg{width:calc(28 * var(--sph-unit));height:calc(28 * var(--sph-unit));min-width:22px;min-height:22px;color:var(--t-hero-icon);stroke-width:1.7px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--t-hero-icon) 18%, transparent))}.sph-icon-headset{width:calc(34 * var(--sph-unit))!important;height:calc(34 * var(--sph-unit))!important;min-width:27px!important;min-height:27px!important}.sph-benefit-divider{width:1px;height:calc(22 * var(--sph-unit));background:var(--t-hero-divider);display:block}.sph-icon-target{transform-origin:45% 55%;animation:2.6s ease-in-out infinite sph-target-pulse}@keyframes sph-target-pulse{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.12)rotate(6deg)}}.sph-icon-headset{transform-origin:50%;animation:2.4s ease-in-out infinite sph-headset-pulse}@keyframes sph-headset-pulse{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.1)rotate(-5deg)}}.sph-icon-bars .sph-bar{transform-box:fill-box;transform-origin:bottom;animation:1.3s ease-in-out infinite sph-bar-grow}.sph-icon-bars .sph-bar-1{animation-delay:0s}.sph-icon-bars .sph-bar-2{animation-delay:.18s}.sph-icon-bars .sph-bar-3{animation-delay:.36s}@keyframes sph-bar-grow{0%,to{transform:scaleY(.7)}50%{transform:scaleY(1)}}@media (max-width:1180px){.sph-content{padding-left:calc(190 * var(--sph-unit));padding-right:calc(190 * var(--sph-unit))}.sph-feature{min-width:148px}}@media (max-width:980px){.sph-hero{flex-direction:column;align-items:center;height:auto;padding:88px 24px 32px;display:flex}.sph-intro{max-width:none;left:24px;right:24px}.sph-content{order:1;height:auto;padding:0}.sph-feature{width:100%;min-width:0;max-width:300px;position:relative;top:auto;left:auto;right:auto}.sph-feature-connect{order:3;margin-top:32px}.sph-feature-performance{order:4;margin-top:22px}.sph-feature-security{order:5;margin-top:22px}.sph-benefit-bar{flex-wrap:wrap;order:2;width:100%;max-width:480px;height:auto;min-height:64px;margin-top:28px;position:relative;bottom:auto;left:auto;transform:none}.sph-benefit{flex:33%;padding:10px 6px}}@media (prefers-reduced-motion:reduce){.sph-entrance,.sph-entrance-center,.sph-audio-wave span,.sph-wave-bg,.sph-icon-target,.sph-icon-headset,.sph-icon-bars .sph-bar{animation:none!important}}
.dw-neon-frame{isolation:isolate;position:relative}.dw-neon-frame:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;background:linear-gradient(150deg,#a5f3fc99 0%,#22d3ee59 18%,#22d3ee24 45%,#3b82f633 70%,#a855f773 88%,#ec489966 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dw-neon-frame-soft:before{background:linear-gradient(160deg,#67e8f96b 0%,#22d3ee29 35%,#22d3ee1a 70%,#818cf847 100%)}.dw-slim-scroll::-webkit-scrollbar{width:6px}.dw-slim-scroll::-webkit-scrollbar-thumb{background:#22d3ee40;border-radius:9999px}.dw-slim-scroll::-webkit-scrollbar-track{background:0 0}@keyframes dw-wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.dw-animate-wave{animation:1.1s ease-in-out infinite dw-wave}@keyframes dw-ping-slow{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.dw-animate-ping-slow{animation:2.4s cubic-bezier(0,0,.2,1) infinite dw-ping-slow}@keyframes dw-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.dw-animate-shake{animation:.45s ease-in-out dw-shake}
.summary-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.summary-card{color:#a1c5db;background:linear-gradient(110deg,#082a4080,#061c2f99);border:1px solid #104460;border-radius:10px;align-items:center;gap:9px;min-width:0;height:58px;padding:0 15px;display:flex;position:relative}.summary-card>svg{color:var(--metric-color);width:18px;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--metric-color) 30%, transparent));flex-shrink:0}.summary-card>span{white-space:nowrap;text-align:left;flex:1;font-size:11px}.summary-card>strong{color:var(--metric-color);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1}.summary-card:hover,.summary-card.selected{border-color:color-mix(in srgb, var(--metric-color) 55%, #17465b);background:color-mix(in srgb, var(--metric-color) 5%, #071c2e);box-shadow:0 0 18px color-mix(in srgb, var(--metric-color) 7%, transparent)}.summary-card.selected:after{content:"";background:var(--metric-color);width:25px;height:2px;position:absolute;bottom:-1px;left:calc(50% - 12px)}.floor-workspace-grid{grid-template-columns:minmax(0,1fr) 254px;align-items:start;gap:20px;display:grid}@media (max-width:1024px){.floor-workspace-grid{grid-template-columns:minmax(0,1fr) 217px}}@media (max-width:860px){.floor-workspace-grid{grid-template-columns:minmax(0,1fr)}.floor-right-rail{grid-template-columns:1.25fr 1fr;gap:17px;display:grid}}.map-panel{background:linear-gradient(140deg,#082335d9,#061b2bf2);border:1px solid #15516d;border-radius:13px;min-width:0;position:relative;box-shadow:0 14px 40px #010b151c}.map-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;height:57px;padding:0 14px;display:flex}.map-title{color:#c1dce9;white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.map-title>svg{color:#60a5c4;width:15px}.toolbar-divider{background:#24485b;width:1px;height:12px;margin:0 3px}.live-indicator{color:#8dafb3;align-items:center;gap:5px;font-size:9px;display:flex}.live-indicator>i{background:#00d9a9;border-radius:50%;width:4px;height:4px;animation:3s ease-in-out infinite floor-presence-pulse;box-shadow:0 0 0 3px #00d9a90a}@keyframes floor-presence-pulse{0%,to{box-shadow:0 0 0 3px #00d9a90a}50%{box-shadow:0 0 0 4px #00d9a918}}.map-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.agent-search{color:#5a859e;background:#0517269c;border:1px solid #193e52;border-radius:6px;align-items:center;gap:8px;width:180px;height:30px;margin-right:5px;padding:0 9px;display:flex}.agent-search:focus-within{border-color:#048397;box-shadow:0 0 0 2px #00ccd40a}.agent-search>svg{flex-shrink:0}.agent-search>input{color:#c1deec;background:0 0;border:0;width:100%;min-width:0;font-size:11px}.agent-search>input::placeholder{color:#5a859e}.agent-search>kbd{color:#55738a;border:1px solid #284558;border-radius:3px;flex-shrink:0;place-items:center;width:14px;height:15px;font-family:inherit;font-size:9px;display:grid}.agent-search>button{color:#5a859e;flex-shrink:0}.floor-icon-button{color:#739db7;white-space:nowrap;border:1px solid #0000;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:30px;height:30px;font-size:8.5px;display:inline-flex;position:relative}.floor-icon-button:hover,.floor-icon-button.is-active{color:#1cdae8;background:#0b2d40;border-color:#1a4a62}.floor-icon-button.edit-layout-button{width:auto;padding:0 9px}.floor-icon-button:disabled{opacity:.5;cursor:not-allowed}.floor-icon-button .refreshing-icon{animation:.8s linear infinite floor-spin}@keyframes floor-spin{to{transform:rotate(360deg)}}.map-options-wrap{position:relative}.floor-popover{z-index:40;background:#092033;border:1px solid #1a4a61;border-radius:11px;width:208px;padding:16px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 15px 45px #00070d99}.floor-popover>h3{color:#d6e9f5;margin:0 0 16px;font-size:12px;font-weight:600}.field-caption{color:#749bb0;letter-spacing:.3px;text-transform:uppercase;margin-bottom:8px;font-size:8px;display:block}.segmented-control{background:#041725;border:1px solid #1c4052;border-radius:6px;grid-template-columns:1fr 1fr;height:31px;padding:3px;display:grid}.segmented-control>button{color:#7393ab;border-radius:3px;font-size:10px}.segmented-control>button.selected{color:#3edfdc;background:#0b4050;box-shadow:0 1px 4px #0003}.check-option{color:#a7c4d7;cursor:pointer;align-items:center;gap:9px;margin-top:15px;font-size:11px;display:flex}.check-option>input{accent-color:#00cbbb;width:12px;height:12px}.editing-banner{color:#9ecbd7;background:#07364b;border:1px solid #12617477;border-radius:5px;align-items:center;gap:8px;min-height:36px;margin:0 10px 7px;padding:8px 17px;font-size:11px;display:flex}.editing-banner>svg{color:#19c4d0;flex-shrink:0}.editing-banner>span{flex:1}.editing-banner>button{color:#51d3db;font-size:11px;font-weight:600}.floor-scroll{--floor-height:clamp(420px, calc(100vh - 420px), 620px);height:var(--floor-height);border-radius:7px;margin:0 9px;overflow:auto hidden}.floor-zoom-sizer{width:calc(100% * var(--map-zoom,1));min-width:calc(610px * var(--map-zoom,1));height:calc(100% * var(--map-zoom,1));position:relative}.floor-canvas{width:calc(100% / var(--map-zoom,1));min-width:610px;height:calc(100% / var(--map-zoom,1));transform:scale(var(--map-zoom,1));transform-origin:0 0;background:radial-gradient(at 49% 3%,#0b3d581c,#0000 55%),linear-gradient(135deg,#061c2e,#051a2b 55%,#061c2d);position:relative;container-type:inline-size}.floor-canvas:before{content:"";background-image:linear-gradient(#23618a0b 1px,#0000 1px),linear-gradient(90deg,#23618a0b 1px,#0000 1px),linear-gradient(#2e6b8e0b 1px,#0000 1px),linear-gradient(90deg,#2e6b8e0b 1px,#0000 1px);background-size:25px 25px,25px 25px,100px 100px,100px 100px;position:absolute;inset:17px}.floor-canvas:after{content:"";pointer-events:none;position:absolute;inset:16px;box-shadow:inset 0 0 85px #020e1866}.floor-architecture{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.floor-light{clip-path:polygon(36% 0,64% 0,100% 100%,0 100%);pointer-events:none;background:linear-gradient(#00beef09,#0000);width:145px;height:130px;position:absolute;top:12px}.floor-light-one{left:26%}.floor-light-two{left:60%}.floor-coordinates{pointer-events:none;color:#355e77;letter-spacing:1px;z-index:2;font-size:7px;font-weight:500;position:absolute;inset:0}.floor-coordinates.columns>span{position:absolute;top:28px;transform:translate(-50%)}.floor-coordinates.rows>span{position:absolute;left:24px;transform:translateY(-50%)}.floor-entry{z-index:2;letter-spacing:1.7px;color:#32617b;white-space:nowrap;font-size:6px;font-weight:500;position:absolute;bottom:21px;left:50%;transform:translate(-50%)}.seat-anchor{z-index:3;width:clamp(72px,10.6cqw,101px);height:100px;position:absolute;transform:translate(-50%,-50%)}.seat-anchor:hover,.seat-anchor:focus-within{z-index:8}.desk-seat{text-align:center;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:10px;width:100%;height:100%;display:block;position:relative}.desk-shadow{filter:blur(6px);background:#010c17b3;border-radius:50%;height:20px;position:absolute;bottom:-3px;left:8px;right:8px}.desk-chair{background:linear-gradient(#093b53,#052234);border:1px solid #11435e;border-radius:4px 4px 2px 2px;width:40%;height:23px;position:absolute;top:0;left:30%;box-shadow:inset 0 2px #28648226,0 -1px 5px #032337}.desk-chair>i{background:linear-gradient(#0b465e,#06293d);border-top:1px solid #14607a55;border-radius:2px 2px 0 0;width:64%;height:7px;position:absolute;top:5px;left:18%}.desk-monitor{z-index:1;background:#0a3e54;border:1px solid #1b597071;border-radius:2px;width:20%;height:9px;position:absolute;top:9px;left:40%;box-shadow:0 2px 4px #021725}.desk-wings{background:linear-gradient(90deg,#062b40,#07364b 50%,#06273b);border-top:1px solid #123e5533;border-radius:2px;position:absolute;inset:17px 0 16px}.desk-surface{z-index:2;background:radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--seat-color) 7%, transparent), transparent 70%), linear-gradient(135deg, #0a3047, #082a3e 55%, #062034);border-top:1px solid #19425777;border-radius:7px 7px 12px 12px;transition:filter .2s;position:absolute;inset:14px 4px 10px;box-shadow:inset 1px 0 #22526a15,inset -1px 0 #22526a1a,0 5px 10px #020f1b66}.desk-surface:before{content:"";background:linear-gradient(90deg,#0000,#24678633,#0000);height:1px;position:absolute;top:3px;left:13px;right:13px}.desk-leg{z-index:1;background:linear-gradient(#09374e,#06293d);border-top:1px solid #16415a;border-radius:0 0 1px 1px;width:14px;height:9px;position:absolute;bottom:5px}.leg-left{left:12px}.leg-right{right:12px}.agent-presence{z-index:3;border:3px solid var(--seat-color);width:35px;height:35px;color:var(--seat-color);background:radial-gradient(circle, color-mix(in srgb, var(--seat-color) 8%, #082232), #05202d);box-shadow:0 0 12px color-mix(in srgb, var(--seat-color) 31%, transparent), inset 0 0 8px color-mix(in srgb, var(--seat-color) 9%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;top:28px;left:50%;transform:translate(-50%)}.agent-presence>svg{width:16px;height:16px}.agent-name{z-index:4;color:#d6e9f5;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.15px;font-size:clamp(8px,1.19cqw,10.5px);font-weight:450;line-height:14px;position:absolute;top:70px;left:0;right:0;overflow:hidden}.seat-status-dot{z-index:5;background:var(--presence-color);width:6px;height:6px;box-shadow:0 0 7px color-mix(in srgb, var(--presence-color) 30%, transparent);border-radius:50%;position:absolute;bottom:8px;left:calc(50% - 3px)}.seat-offline .agent-presence{background:#102b3a;border-width:2.5px;box-shadow:0 0 10px #9dc6e126,inset 0 0 8px #90bed109}.seat-offline .agent-presence>svg{fill:none;stroke-width:2px}.desk-seat:hover .desk-surface,.desk-seat:focus-visible .desk-surface{filter:brightness(1.22)}.desk-seat:focus-visible{outline-offset:7px;outline:2px solid #00d8e5}.seat-tooltip{z-index:15;color:#c7e8f3;white-space:nowrap;opacity:0;pointer-events:none;background:#0a293d;border:1px solid #1c667b;border-radius:5px;padding:7px 10px;font-size:10px;font-weight:400;transition:opacity .15s,transform .15s;position:absolute;bottom:111px;left:50%;transform:translate(-50%,5px);box-shadow:0 4px 10px #010e1999}.desk-seat:hover .seat-tooltip,.desk-seat:focus-visible .seat-tooltip{opacity:1;transform:translate(-50%)}.seat-filtered{pointer-events:none}.no-glow .agent-presence,.no-glow .seat-status-dot{box-shadow:none}.is-editing .desk-seat{cursor:grab;touch-action:none}.is-editing .desk-surface{outline-offset:4px;outline:1px dashed #2fa9ba55}.seat-anchor.is-dragging{z-index:20}.is-dragging .desk-seat{cursor:grabbing;filter:drop-shadow(0 8px 10px #00d2da26)}.map-empty{z-index:12;text-align:center;background:#071e2ef0;border:1px solid #1c5368;border-radius:10px;width:244px;padding:24px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #010c17a6}.map-empty>svg{color:#4296b3;margin:0 auto 13px}.map-empty h3{color:#d3e8f2;margin:0;font-size:15px;font-weight:550}.map-empty p{color:#84a4b9;margin:9px 0 14px;font-size:11px}.map-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:0 16px;display:flex}.map-hint{color:#6d90a7;white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex}.map-hint .tiny-status-dot{background:#00d9a9;border-radius:50%;flex-shrink:0;width:5px;height:5px}.map-footer-actions{align-items:center;gap:10px;display:flex}.saved-label{color:#648ca3;white-space:nowrap;align-items:center;gap:5px;font-size:9.5px;display:flex}.saved-label>svg{color:#429889}.footer-divider{background:#264859;width:1px;height:12px;margin:0 1px}.zoom-control{color:#8daec0;align-items:center;gap:6px;min-height:24px;font-size:10px;display:flex}.zoom-control:hover{color:#22d6de}.zoom-control>svg:first-child{color:#597c93}.small-primary{color:#63ece3;background:#084f5a;border:1px solid #167485;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-size:10px;font-weight:600;display:inline-flex}.small-primary:hover{background:#096674}.floor-text-button{color:#32c6d5;justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:450;display:inline-flex}.floor-text-button:hover{color:#a1fbf8}.map-fullscreen-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040a14b3;position:fixed;inset:0}.map-fullscreen{z-index:60;flex-direction:column;display:flex;position:fixed;inset:16px}.map-fullscreen .floor-scroll{flex:1;height:0;min-height:0}.map-fullscreen .map-toolbar,.map-fullscreen .map-footer{flex-shrink:0}.map-fullscreen .seat-anchor{width:clamp(80px,9cqw,115px)}.floor-right-rail{flex-direction:column;gap:16px;min-width:0;display:flex}.rail-panel{background:linear-gradient(130deg,#082135bf,#061a2bcf);border:1px solid #16465f;border-radius:11px;padding:15px 16px}.rail-panel-heading{justify-content:space-between;align-items:center;height:20px;margin:0 2px 7px;display:flex}.rail-panel-heading>h2{text-transform:uppercase;letter-spacing:.85px;color:#85c4e0;margin:0;font-size:10px;font-weight:650}.status-row{color:#a1c0d5;text-align:left;border-radius:5px;align-items:center;gap:10px;width:100%;height:29px;padding:0 4px;font-size:11px;display:flex}.legend-dot{background:var(--dot-color);width:8px;height:8px;box-shadow:0 0 6px color-mix(in srgb, var(--dot-color) 13%, transparent);border-radius:50%;flex-shrink:0}.status-row>strong{color:#d4e5f1;font-variant-numeric:tabular-nums;margin-left:auto;padding-right:2px;font-size:11px;font-weight:450}.status-row:hover,.status-row.selected{color:#e2f7fc;background:#0d3449}.status-row.selected{box-shadow:inset 2px 0 #00b9cd}.status-row.selected .legend-dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--dot-color) 13%, transparent)}.rail-panel-footnote{color:#527d97;border-top:1px solid #173b50;margin:11px 3px 0;padding-top:9px;font-size:9px;line-height:13px}.team-row{text-align:left;color:#a8c7db;border-bottom:1px solid #123b528c;align-items:center;gap:10px;width:100%;height:34px;padding:0 4px;font-size:11px;display:flex}.team-row:last-child{border-bottom-color:#0000}.team-row>strong{color:#b2ccdd;margin-left:auto;font-size:10px;font-weight:450}.team-total{color:#5d8ca6;font-size:9px}.team-row:hover,.team-row.selected{color:#e0f9ff;background:#0a3448;border-radius:5px}@media (max-width:640px){.summary-grid{grid-template-columns:repeat(2,1fr)}.floor-scroll{--floor-height:460px}.agent-search{width:130px}}
.stat-card{isolation:isolate;border-radius:18px;align-items:center;min-height:118px;padding:18px 18px 18px 20px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px)}.stat-card>*{z-index:1;position:relative}.stat-card-cyan{background:radial-gradient(70% 120% at 8%,#00dcff38 0%,#0000 55%),radial-gradient(50% 80% at 85%,#00b4e614 0%,#0000 60%),linear-gradient(#0c2438 0%,#0a1c2e 100%);border:1px solid #22d3ee73;box-shadow:0 0 0 1px #22d3ee1f,0 8px 32px #00285073,0 0 40px #00c8ff1f,inset 0 1px #78e6ff2e}.stat-card-cyan:hover{box-shadow:0 0 0 1px #22d3ee47,0 12px 36px #00285080,0 0 50px #00c8ff33,inset 0 1px #78e6ff38}.stat-card-purple{background:radial-gradient(70% 120% at 8%,#c050ff42 0%,#0000 55%),radial-gradient(40% 80% at 90%,#a03cdc14 0%,#0000 60%),linear-gradient(#1a1230 0%,#120e24 100%);border:1px solid #c084fc80;box-shadow:0 0 0 1px #c084fc1f,0 8px 32px #280a4673,0 0 40px #b446ff29,inset 0 1px #dcb4ff29}.stat-card-purple:hover{box-shadow:0 0 0 1px #c084fc4d,0 12px 36px #280a4680,0 0 50px #b446ff3d,inset 0 1px #dcb4ff38}.stat-card-green{background:radial-gradient(70% 120% at 8%,#32e68c33 0%,#0000 55%),radial-gradient(40% 80% at 90%,#28c87814 0%,#0000 60%),linear-gradient(#0c2420 0%,#0a1c1a 100%);border:1px solid #4ade8073;box-shadow:0 0 0 1px #4ade801f,0 8px 32px #0a281e73,0 0 40px #32dc8224,inset 0 1px #a0ffc824}.stat-card-green:hover{box-shadow:0 0 0 1px #4ade8047,0 12px 36px #0a281e80,0 0 50px #32dc8238,inset 0 1px #a0ffc833}.stat-card-blue{background:radial-gradient(70% 120% at 8%,#5082ff3d 0%,#0000 55%),radial-gradient(40% 80% at 90%,#3c64e617 0%,#0000 60%),linear-gradient(#101c3a 0%,#0c1730 100%);border:1px solid #819bff73;box-shadow:0 0 0 1px #819bff1f,0 8px 32px #0a144673,0 0 40px #5a82ff24,inset 0 1px #becdff29}.stat-card-blue:hover{box-shadow:0 0 0 1px #819bff4d,0 12px 36px #0a144680,0 0 50px #5a82ff38,inset 0 1px #becdff38}.stat-card-active{transform:translateY(-2px)}.stat-card-cyan.stat-card-active{box-shadow:0 0 0 2px #22d3ee8c,0 12px 36px #00285080,0 0 50px #00c8ff40,inset 0 1px #78e6ff3d}.stat-card-purple.stat-card-active{box-shadow:0 0 0 2px #c084fc8c,0 12px 36px #280a4680,0 0 50px #b446ff47,inset 0 1px #dcb4ff42}.stat-card-green.stat-card-active{box-shadow:0 0 0 2px #4ade808c,0 12px 36px #0a281e80,0 0 50px #32dc8242,inset 0 1px #a0ffc83d}.stat-card-blue.stat-card-active{box-shadow:0 0 0 2px #819bff8c,0 12px 36px #0a144680,0 0 50px #5a82ff47,inset 0 1px #becdff42}.stat-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon-cyan{color:#042f3a;background:radial-gradient(circle at 35% 30%,#67e8f9,#06b6d4 55%,#0891b2);box-shadow:0 0 16px #22d3ee8c,0 0 0 4px #22d3ee1f}.stat-icon-purple{color:#3b0764;background:radial-gradient(circle at 35% 30%,#e9d5ff,#c084fc 50%,#a855f7);box-shadow:0 0 16px #c084fc8c,0 0 0 4px #c084fc24}.stat-icon-green{color:#052e16;background:radial-gradient(circle at 35% 30%,#bbf7d0,#4ade80 50%,#22c55e);box-shadow:0 0 16px #4ade8080,0 0 0 4px #4ade801f}.stat-icon-blue{color:#0f1a4a;background:radial-gradient(circle at 35% 30%,#c7d5ff,#819bff 50%,#5468e0);box-shadow:0 0 16px #819bff8c,0 0 0 4px #819bff24}.stat-arrow{cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,transform .2s,box-shadow .2s;display:flex}.stat-card:hover .stat-arrow{transform:translate(2px)}.stat-arrow-cyan{color:#67e8f9;background:#08283799;border:1px solid #22d3ee8c;box-shadow:0 0 12px #22d3ee26}.stat-arrow-purple{color:#e9d5ff;background:#28143c99;border:1px solid #c084fc8c;box-shadow:0 0 12px #c084fc26}.stat-arrow-green{color:#86efac;background:#0c281c99;border:1px solid #4ade808c;box-shadow:0 0 12px #4ade8026}.stat-arrow-blue{color:#c7d5ff;background:#10183799;border:1px solid #819bff8c;box-shadow:0 0 12px #819bff26}.glow-panel{background:linear-gradient(#0c1c30e6 0%,#081222f2 100%);border:1px solid #22d3ee73;border-radius:20px;position:relative;box-shadow:0 0 0 1px #22d3ee1f,0 8px 32px #000a1e66,inset 0 1px #78e6ff1a}.glow-panel-blue{background:radial-gradient(70% 140% at 0 0,#5a82ff29 0%,#0000 55%),radial-gradient(50% 100% at 100% 100%,#5a82ff12 0%,#0000 60%),linear-gradient(#101c3a 0%,#0a1424 100%);border:1px solid #819bff66;box-shadow:0 0 0 1px #819bff1a,0 8px 40px #0a144673,0 0 50px #5a82ff1f,inset 0 1px #becdff24}