.monitor-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:5px 0 25px}.monitor-heading h2{margin:6px 0;font-size:29px;letter-spacing:-1px}.monitor-heading p{margin:0;color:var(--muted);font-size:13px}.monitor-online{display:flex;align-items:center;gap:9px;white-space:nowrap;border-radius:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--line);font-size:11px;font-weight:700;box-shadow:0 4px 16px #12305006}.monitor-online i{width:8px;height:8px;border-radius:50%;background:#96a3b6}.monitor-online.is-online i{background:#22be88;box-shadow:0 0 0 4px #22be8814}.monitor-grid .stat-tile{position:relative;overflow:hidden;border-radius:18px;min-height:151px;box-shadow:0 6px 16px #14305009;transition:box-shadow .2s,transform .2s}.monitor-grid .stat-tile:hover{transform:translateY(-2px);box-shadow:0 10px 25px #14305017}.monitor-grid .stat-tile:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:#ffffff09;right:-40px;bottom:-70px;pointer-events:none}.monitor-grid .stat-icon{opacity:.25;right:17px;top:21px}.monitor-grid .stat-icon .ui-icon{width:49px;height:49px;stroke-width:1.45}.monitor-grid .stat-label{font-size:11px;letter-spacing:.3px}.monitor-grid .stat-tile strong{font-variant-numeric:tabular-nums;font-size:29px;line-height:1.3}.monitor-grid .stat-tile small{font-size:10px;line-height:1.6;position:relative;max-width:95%;z-index:1}.monitor-grid[data-live=false] .stat-icon *{animation:none!important}.monitor-grid .stat-tile[data-motion=vouchers] .stat-icon svg{animation:ticket-tilt 5s ease-in-out infinite}.monitor-grid .stat-tile[data-motion=payments] .stat-icon svg{animation:wallet-rise 4.5s ease-in-out infinite}.smart-connect-row{position:relative;display:flex!important;flex-direction:row!important;align-items:center;gap:14px!important;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0!important}.smart-connect-row>span:first-child{flex:1}.smart-connect-row strong{font-size:13px}.smart-connect-row small{display:block;color:var(--muted);font-size:11px;margin-top:5px;font-weight:400}.smart-connect-row input{position:absolute;right:0;opacity:0;width:46px;height:28px}.switch-track{position:relative;display:block;width:44px;height:25px;border-radius:20px;background:#bdcddc;pointer-events:none;transition:background .18s}.switch-track:before{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;background:white;border-radius:50%;box-shadow:0 2px 4px #0002;transition:transform .18s}.smart-connect-row input:checked+.switch-track{background:#22b8d3}.smart-connect-row input:checked+.switch-track:before{transform:translateX(19px)}.smart-connect-row input:focus-visible+.switch-track{outline:3px solid #126dd0;outline-offset:4px}.wifi-context{font-size:11px;color:var(--accent);background:#29add00b;padding:10px 12px;border-radius:9px}.wifi-settings-panel input[readonly]{opacity:.7;background:var(--surface-soft)}@keyframes ticket-tilt{50%{transform:rotate(-7deg)}}@keyframes wallet-rise{50%{transform:translateY(-3px)}}@media(max-width:650px){.monitor-heading{align-items:flex-start}.monitor-heading h2{font-size:24px}.monitor-online{padding:10px;font-size:10px}.monitor-grid .stat-tile strong{font-size:25px}.monitor-grid .stat-icon .ui-icon{width:38px;height:38px}.monitor-grid .stat-icon{right:12px;top:18px}}@media(prefers-reduced-motion:reduce){.monitor-grid *{animation:none!important;transition:none!important}}