:root{--bs-body-bg: #0f0f0f;--surface-1: #1a1a1a;--surface-2: #2c2c2e;--surface-3: #3a3a3c;--primary: #0d6efd;--primary-hover: #0b5ed7;--primary-light: #66a3ff;--success: #198754;--warning: #ffc107;--danger: #dc3545;--glow-primary: rgba(13, 110, 253, .4);--glow-success: rgba(25, 135, 84, .4);--ease-butter: cubic-bezier(.23, 1, .32, 1);--ease-silk: cubic-bezier(.25, .1, .25, 1);--duration-fast: .4s;--duration-normal: .5s;--duration-slow: .7s}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.device-card,.server-status-item,.navbar,.btn,.form-control,.form-select{backface-visibility:hidden;transform:translateZ(0)}@media (prefers-reduced-motion: reduce){body:not(.landing-view-active) *,body:not(.landing-view-active) *:before,body:not(.landing-view-active) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.vh-80{height:80vh}.bg-dark-tertiary{background-color:var(--surface-2)}body.dashboard-fixed-layout{position:fixed;inset:0;width:100%;height:100vh;overflow:hidden}body.dashboard-fixed-layout>main.container-fluid{height:calc(100vh - 58px);overflow:hidden;padding-top:.75rem;padding-bottom:.75rem}body.dashboard-fixed-layout #view-dashboard{height:100%;min-height:0;overflow:hidden}body.dashboard-fixed-layout #view-dashboard>[class*=col-]{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}body.dashboard-fixed-layout #device-list-root{height:auto!important;min-height:0;flex:1 1 auto;overflow:hidden!important}body.dashboard-fixed-layout .device-list-container{height:100%;min-height:0;overflow:hidden}body.dashboard-fixed-layout .device-list-scroll{flex:1 1 auto;height:0;min-height:0;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}body.dashboard-fixed-layout #details-panel-root{height:100%;min-height:0;overflow:hidden}body.dashboard-fixed-layout #details-panel-root>*{height:100%;min-height:0;max-height:100%!important;overflow:hidden!important}body.dashboard-fixed-layout .details-panel-scroll{flex:1 1 auto;min-height:0;height:0;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}.navbar{backdrop-filter:blur(10px);background:#0f0f0ff2!important;transition:box-shadow var(--duration-normal) var(--ease-butter);border-bottom:1px solid rgba(255,255,255,.08)}.device-list-container{background:linear-gradient(180deg,#0a0e13,#151921);border-right:1px solid rgba(255,255,255,.08)}.search-box-modern{background:var(--surface-2);border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:8px;transition:border-color var(--duration-normal) var(--ease-butter),box-shadow var(--duration-normal) var(--ease-butter)}.search-box-modern:focus{background:var(--surface-2);border-color:var(--primary);color:#fff;box-shadow:0 0 0 .2rem #0d6efd40;outline:none}.device-card{background:linear-gradient(135deg,#1e2329,#181c22);border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:10px;padding:12px;position:relative;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);box-shadow:0 2px 6px #0003,inset 0 1px #ffffff0d}.device-card:hover{background:linear-gradient(135deg,#252b33,#1e2329);border-color:#4dabf74d;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d,0 0 0 1px #4dabf733,inset 0 1px #ffffff1a}.device-card.active{background:linear-gradient(135deg,#1a3a52,#0f2537);border-color:#4dabf7;box-shadow:0 8px 32px #4dabf74d,0 0 0 2px #4dabf766,inset 0 1px #4dabf733}.status-bar{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;transition:width .3s ease}.device-card:hover .status-bar{width:6px}.status-bar.online{background:linear-gradient(180deg,#51cf66,#37b24d);box-shadow:0 0 12px #51cf6699}.status-bar.offline{background:linear-gradient(180deg,#ff6b6b,#fa5252);box-shadow:0 0 12px #fa525266}.status-bar.awaiting_license{background:linear-gradient(180deg,#ffd43b,#fab005);box-shadow:0 0 16px #ffd43b99;animation:pulse-warning 2s infinite}.status-bar.unprovisioned{background:linear-gradient(180deg,#ff922b,#fd7e14);box-shadow:0 0 12px #ff922b66}.status-bar.configuring{background:linear-gradient(180deg,#74c0fc,#339af0);box-shadow:0 0 12px #339af080;animation:pulse-config 2s infinite}.status-bar.rebooting,.status-bar.rebooting_for_reset{background:linear-gradient(180deg,#cc5de8,#9c36b5);box-shadow:0 0 12px #cc5de866}.status-bar.locked{background:linear-gradient(180deg,#ff6b6b,#fa5252);box-shadow:0 0 12px #fa525280}.status-bar.sleep{background:linear-gradient(180deg,#22b8cf,#15aabf);box-shadow:0 0 12px #22b8cf80;animation:pulse-sleep 3s infinite}@keyframes pulse-sleep{0%,to{box-shadow:0 0 8px #22b8cf66}50%{box-shadow:0 0 16px #22b8cfb3}}@keyframes pulse-warning{0%,to{box-shadow:0 0 16px #ffd43b99}50%{box-shadow:0 0 24px #ffd43b}}@keyframes pulse-config{0%,to{box-shadow:0 0 12px #339af080}50%{box-shadow:0 0 20px #339af0cc}}.device-name{font-size:.95rem;font-weight:600;color:#e9ecef;letter-spacing:.2px;margin-bottom:3px;line-height:1.3;max-height:2.47rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2}.device-meta{font-size:.7rem;color:#868e96;font-family:Consolas,Monaco,monospace;margin-top:2px}.device-card .badge{font-size:.65rem;padding:3px 8px;border-radius:6px;font-weight:600;letter-spacing:.5px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#adb5bd;transition:all .2s ease}body.cors-manager-page{min-height:100vh;background:radial-gradient(circle at top left,rgba(96,165,250,.12),transparent 28%),radial-gradient(circle at top right,rgba(34,197,94,.08),transparent 24%),linear-gradient(180deg,#0f172a,#111827);color:#e2e8f0;font-family:Inter,Noto Sans,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}body.cors-manager-page .dashboard-bg{position:relative;min-height:100vh;overflow:hidden}body.cors-manager-page .dashboard-bg:before,body.cors-manager-page .dashboard-bg:after{content:"";position:fixed;border-radius:999px;pointer-events:none;filter:blur(18px);opacity:.5;z-index:0}body.cors-manager-page .dashboard-bg:before{width:320px;height:320px;top:-90px;right:-60px;background:radial-gradient(circle,rgba(96,165,250,.18),transparent 72%)}body.cors-manager-page .dashboard-bg:after{width:280px;height:280px;left:-70px;bottom:120px;background:radial-gradient(circle,rgba(52,211,153,.15),transparent 70%)}body.cors-manager-page .dashboard-shell{position:relative;z-index:1;max-width:1640px;margin:0 auto;padding:28px 22px 120px}body.cors-manager-page .page-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:18px 4px 26px}body.cors-manager-page .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid rgba(148,163,184,.18);border-radius:999px;color:#94a3b8;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;background:#0f172a73;backdrop-filter:blur(10px)}body.cors-manager-page .hero-title{margin-top:14px;margin-bottom:6px;font-family:Inter,Noto Sans,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(2rem,3vw,3.4rem);line-height:1.02;letter-spacing:-.05em;color:#f8fafc}body.cors-manager-page .hero-subtitle{margin:0;color:#94a3b8;font-size:.98rem;max-width:720px}body.cors-manager-page .hero-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}body.cors-manager-page .icon-action{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;color:#e2e8f0;background:#1e293be0;border:1px solid rgba(148,163,184,.18);box-shadow:0 14px 35px #02061740}body.cors-manager-page .admin-chip{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 10px;border-radius:999px;background:#1e293be0;border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 35px #02061747}body.cors-manager-page .admin-avatar{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#22c55e);color:#fff;font-weight:700;font-size:.9rem}body.cors-manager-page .admin-chip .meta{line-height:1.15}body.cors-manager-page .admin-chip .meta strong{display:block;font-size:.92rem;color:#f8fafc}body.cors-manager-page .admin-chip .meta span{display:block;font-size:.74rem;color:#94a3b8}body.cors-manager-page .metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}body.cors-manager-page .metric-card{position:relative;overflow:hidden;padding:18px;border-radius:18px;background:linear-gradient(180deg,#1e293bf2,#0f172af2);border:1px solid rgba(148,163,184,.16);box-shadow:0 22px 42px #02061742}body.cors-manager-page .metric-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:18px 0 0 18px;background:var(--metric-accent, #60a5fa)}body.cors-manager-page .metric-label{color:#94a3b8;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}body.cors-manager-page .metric-value{font-size:2rem;font-weight:700;letter-spacing:-.05em;color:#f8fafc;margin-bottom:4px}body.cors-manager-page .metric-caption{color:#94a3b8;font-size:.86rem}body.cors-manager-page .workspace-card{background:#1e293bb8;border:1px solid rgba(148,163,184,.16);border-radius:24px;box-shadow:0 28px 60px #0206175c;backdrop-filter:blur(14px);overflow:hidden}body.cors-manager-page .workspace-inner{padding:18px}body.cors-manager-page .tabs-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:6px 2px 18px}body.cors-manager-page .rover-tabs{gap:10px;border:0}body.cors-manager-page .rover-tabs .nav-link{border:1px solid transparent;border-radius:999px;color:#94a3b8;background:#0f172a59;padding:10px 16px;font-weight:600}body.cors-manager-page .rover-tabs .nav-link:hover{color:#f8fafc;border-color:#94a3b82e}body.cors-manager-page .rover-tabs .nav-link.active{background:linear-gradient(135deg,#3b82f638,#0f172a8c);border-color:#60a5fa59;color:#fff;box-shadow:inset 0 0 0 1px #60a5fa1f}body.cors-manager-page .tabs-meta{color:#94a3b8;font-size:.86rem;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#0f172a6b;border:1px solid rgba(148,163,184,.12)}body.cors-manager-page .toolbar-panel{padding:18px;border-radius:20px;background:#0f172a80;border:1px solid rgba(148,163,184,.14);margin-bottom:16px}body.cors-manager-page .toolbar-panel .form-control,body.cors-manager-page .toolbar-panel .form-select{min-height:48px;background:#0f172ab8;border-color:#94a3b82e;color:#e2e8f0;border-radius:14px}body.cors-manager-page .toolbar-panel .input-group-text{background:#0f172ab8;border-color:#94a3b82e;color:#94a3b8;border-radius:14px 0 0 14px}body.cors-manager-page .toolbar-panel .form-control::placeholder{color:#64748b}body.cors-manager-page .toolbar-panel .btn-primary{min-height:48px;border-radius:14px;padding-inline:18px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:0;box-shadow:0 18px 32px #2563eb47}body.cors-manager-page .toolbar-panel .btn-outline-secondary{min-height:48px;border-radius:14px;border-color:#94a3b82e;color:#cbd5e1;background:#0f172a8c}body.cors-manager-page .alert-strip{padding:14px 16px;border-radius:18px;margin-bottom:16px;background:linear-gradient(180deg,#facc1529,#facc1514);border:1px solid rgba(250,204,21,.24);color:#f8fafc}body.cors-manager-page .status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}body.cors-manager-page .status-ok{background:#22c55e26;color:#86efac;border:1px solid rgba(34,197,94,.22)}body.cors-manager-page .status-blocked{background:#f8717126;color:#fca5a5;border:1px solid rgba(248,113,113,.25)}body.cors-manager-page .table-shell{overflow:hidden;border-radius:22px;border:1px solid rgba(148,163,184,.14);background:#0f172a70}body.cors-manager-page .rover-table{margin:0;--bs-table-bg: transparent;--bs-table-color: #e2e8f0;--bs-table-border-color: rgba(148, 163, 184, .12)}body.cors-manager-page .rover-table thead th{background:#0f172ae6;color:#cbd5e1;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;border-bottom:1px solid rgba(148,163,184,.14);padding:16px 18px;white-space:nowrap}body.cors-manager-page .rover-table tbody td{padding:18px;border-top:1px solid rgba(148,163,184,.12);vertical-align:middle}body.cors-manager-page .rover-table tbody tr:hover td{background:#2563eb0f}body.cors-manager-page .rover-user{display:flex;align-items:center;gap:12px;min-width:220px}body.cors-manager-page .rover-user .avatar{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f647,#0f172abf);border:1px solid rgba(96,165,250,.22);color:#bfdbfe;font-weight:700}body.cors-manager-page .rover-user .text strong{display:block;font-size:.96rem;color:#f8fafc}body.cors-manager-page .rover-user .text span{display:block;font-size:.76rem;color:#94a3b8}body.cors-manager-page .password-chip,body.cors-manager-page .server-chip,body.cors-manager-page .timeline-chip,body.cors-manager-page .mount-chip,body.cors-manager-page .tag-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.14);background:#0f172a80;color:#cbd5e1}body.cors-manager-page .mount-list,body.cors-manager-page .blocklist-stack{display:flex;flex-wrap:wrap;gap:8px}body.cors-manager-page .rover-status{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}body.cors-manager-page .status-active{background:#34d3991f;color:#86efac;border:1px solid rgba(52,211,153,.18)}body.cors-manager-page .status-standby{background:#60a5fa1f;color:#bfdbfe;border:1px solid rgba(96,165,250,.18)}body.cors-manager-page .status-blocked-dark{background:#f871711f;color:#fca5a5;border:1px solid rgba(248,113,113,.2)}body.cors-manager-page .action-menu{width:38px;height:38px;border-radius:12px;border:1px solid rgba(148,163,184,.16);background:#0f172a94;color:#cbd5e1}body.cors-manager-page .table-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 4px 0;color:#94a3b8;font-size:.86rem}body.cors-manager-page .content-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);gap:16px;margin-top:18px}body.cors-manager-page .panel-card{padding:18px;border-radius:20px;background:#0f172a85;border:1px solid rgba(148,163,184,.14)}body.cors-manager-page .panel-card h3,body.cors-manager-page .panel-card h4{margin:0 0 8px;color:#f8fafc;letter-spacing:-.03em}body.cors-manager-page .panel-card p,body.cors-manager-page .panel-card .subtle{color:#94a3b8;margin:0}body.cors-manager-page .blockmap-item{padding:14px;border-radius:18px;background:#1e293bbf;border:1px solid rgba(148,163,184,.12)}body.cors-manager-page .blockmap-item .heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}body.cors-manager-page .blockmap-item .heading strong{color:#f8fafc}body.cors-manager-page .floating-info{position:fixed;right:24px;bottom:24px;z-index:15;width:min(300px,calc(100vw - 32px));padding:14px 16px;border-radius:18px;background:#0f172ad1;border:1px solid rgba(148,163,184,.16);box-shadow:0 20px 40px #02061766;backdrop-filter:blur(14px)}body.cors-manager-page .floating-info .row-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 0;color:#cbd5e1;font-size:.88rem}body.cors-manager-page .floating-info .row-item span{color:#94a3b8}body.cors-manager-page .floating-info .row-item strong{color:#f8fafc;font-weight:600}body.cors-manager-page .scroll-panel{overflow-y:auto}body.cors-manager-page .scroll-panel-sm{max-height:150px}body.cors-manager-page .scroll-panel-lg{max-height:180px}body.cors-manager-page .panel-surface{padding:14px;background:#0f172a73}body.cors-manager-page .alert-icon{width:40px;height:40px;border-radius:12px;background:#facc1529;color:#facc15}body.cors-manager-page .alert-copy{color:#cbd5e1!important}body.cors-manager-page .alert-summary{color:#f8fafc;max-width:420px}body.cors-manager-page .toast-fixed-layer{z-index:1090}@media (max-width: 1200px){body.cors-manager-page .metric-grid,body.cors-manager-page .content-grid{grid-template-columns:1fr 1fr}}@media (max-width: 992px){body.cors-manager-page .page-hero,body.cors-manager-page .tabs-row,body.cors-manager-page .table-footer{align-items:flex-start;flex-direction:column}body.cors-manager-page .metric-grid,body.cors-manager-page .content-grid{grid-template-columns:1fr}}@media (max-width: 576px){body.cors-manager-page .dashboard-shell{padding-inline:14px;padding-top:18px}body.cors-manager-page .toolbar-panel,body.cors-manager-page .workspace-inner,body.cors-manager-page .panel-card{padding:14px}body.cors-manager-page .floating-info{right:14px;bottom:14px}}.device-card:hover .badge{background:#ffffff1f;border-color:#ffffff40;color:#dee2e6}.server-indicators{display:flex;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.server-status-item{flex:1;display:flex;flex-direction:column;gap:3px;padding:6px 8px;border-radius:6px;background:#0003;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.server-status-item:hover{background:#0000004d;border-color:#ffffff1a}.server-label{display:flex;align-items:center;gap:4px;font-size:.65rem;font-weight:600;color:#868e96;text-transform:uppercase;letter-spacing:.3px}.server-label i{font-size:.75rem}.server-status-item.connected,.server-status-item.online{border-color:#51cf664d}.server-status-item.connected .server-label,.server-status-item.online .server-label{color:#51cf66}.server-status-item.disconnected{border-color:#fa525233}.server-status-item.disconnected .server-label{color:#fa5252}.server-status-item.unstable{border-color:#ffd43b4d;background:#ffd43b0d}.server-status-item.unstable .server-label{color:#ffd43b}.server-status-item.unstable .server-bps{color:#ffd43b;text-shadow:0 0 8px rgba(255,212,59,.3)}.server-status-item.sleep{border-color:#22b8cf59;background:#22b8cf14}.server-status-item.sleep .server-label{color:#22b8cf}.server-bps{font-size:.9rem;font-weight:700;font-family:Consolas,Monaco,monospace;color:#fff;letter-spacing:.3px;transition:color .3s ease}.server-status-item.connected .server-bps,.server-status-item.online .server-bps{color:#51cf66;text-shadow:0 0 8px rgba(81,207,102,.4)}.server-status-item.sleep .server-bps{color:#22b8cf;text-shadow:0 0 8px rgba(34,184,207,.4)}.server-status-item.disconnected .server-bps{color:#868e96}.server-bps-unit{font-size:.65rem;color:#868e96;font-weight:500}.device-card .btn-delete{position:absolute;top:8px;right:8px;opacity:0;transform:scale(.8);width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:#fa52521a;border:1px solid rgba(250,82,82,.3);border-radius:6px;color:#fa5252;transition:all .25s cubic-bezier(.23,1,.32,1)}.device-card:hover .btn-delete,.device-card.active .btn-delete{opacity:1;transform:scale(1)}.device-card .btn-delete:hover{background:#fa5252;border-color:#fa5252;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #fa525266}.card{transition:transform var(--duration-normal) var(--ease-butter),box-shadow var(--duration-normal) var(--ease-butter);border-radius:16px;background:var(--surface-1);border:1px solid rgba(255,255,255,.08)}.card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000080,0 0 1px #ffffff1a}.dashboard-master{display:flex;flex-direction:column;gap:12px;height:auto;width:100%;padding-bottom:20px}.gnss-overview-panel{display:grid;grid-template-columns:minmax(260px,1.1fr) minmax(0,2.4fr);gap:10px;padding:10px;background:linear-gradient(135deg,#141921fa,#0a0d12fa);border:1px solid rgba(94,234,212,.14);border-radius:8px;box-shadow:inset 0 1px #ffffff0a,0 10px 30px #00000038}.gnss-fix-card{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;background:linear-gradient(135deg,#161c26f2,#0e1118f2);border:1px solid rgba(81,207,102,.26);border-radius:8px;box-shadow:0 0 0 1px #ffffff06,inset 3px 0 0 var(--fix-color, #51cf66)}.gnss-fix-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:8px;background:#ffffff0f;font-size:1.65rem}.gnss-fix-copy{min-width:0}.gnss-fix-value{font-family:Consolas,Monaco,monospace;font-size:1.02rem;font-weight:800;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gnss-subline{margin-top:4px;color:#8b949e;font-size:.72rem}.gnss-metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;min-width:0}.gnss-metric{min-width:0;padding:10px 11px;background:#ffffff09;border:1px solid rgba(255,255,255,.07);border-radius:8px}.gnss-label{color:#9aa4b2;font-size:.66rem;font-weight:700;letter-spacing:0;line-height:1;margin-bottom:8px;text-transform:uppercase}.gnss-value{display:flex;align-items:baseline;gap:4px;min-width:0;color:#f8f9fa;font-family:Consolas,Monaco,monospace;font-size:1rem;font-weight:800;line-height:1}.gnss-value span{color:#b7c0ca;font-size:.68rem;font-weight:700}@media (max-width: 1200px){.gnss-overview-panel{grid-template-columns:1fr}.gnss-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.gnss-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;background:linear-gradient(135deg,#1a1d29,#0f1117);border-radius:8px;border:1px solid rgba(255,255,255,.08)}.stat-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff08;border-radius:6px;border:1px solid rgba(255,255,255,.05);transition:all .3s cubic-bezier(.23,1,.32,1)}.stat-item:hover{background:#ffffff0f;border-color:#4dabf74d;transform:translateY(-1px)}.stat-icon{font-size:1.5rem;line-height:1}.stat-label{font-size:.65rem;color:#868e96;font-weight:500;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.stat-value{font-size:.95rem;font-weight:700;color:#e9ecef;font-family:Consolas,Monaco,monospace}.stat-value.stat-small{font-size:.75rem}.map-section{height:250px!important;min-height:250px!important;width:100%!important;border-radius:8px;overflow:hidden!important;border:1px solid rgba(255,255,255,.1)!important;position:relative;z-index:1!important;display:block!important}.map-section .leaflet-container{width:100%!important;height:100%!important;min-height:250px!important;z-index:1!important;position:relative!important}.map-section>div{width:100%!important;height:100%!important;min-height:250px!important;display:block!important}.sky-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:550px;min-height:550px}.sky-panel{display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1d29,#0f1117);border-radius:8px;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 2px 8px #0000004d;height:100%}.panel-header{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);font-weight:600;color:#e9ecef;font-size:.8rem}.panel-header i{font-size:1rem;color:#4dabf7}.panel-header .badge{font-size:.65rem;padding:2px 6px}.hbar-fill{height:100%;border-radius:5px;transition:width .25s ease,background .25s ease}.skyplot-wrapper{position:relative;flex:1;min-height:350px;height:auto}.signals-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px;scroll-behavior:smooth}.constellation-group{margin-bottom:12px}.constellation-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:6px;padding:6px 10px;margin-bottom:8px;background:linear-gradient(135deg,#1a1d29f2,#0f1117f2);backdrop-filter:blur(8px);border-radius:6px;border:1px solid rgba(255,255,255,.1);font-weight:600;font-size:.75rem;color:#adb5bd;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 1px 4px #0000004d}.constellation-header img{width:18px;height:18px;border-radius:3px}.bars-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(35px,1fr));gap:6px}.sat-bar-item{display:flex;flex-direction:column;align-items:center;gap:3px}.sat-bar-snr{font-size:.6rem;font-weight:700;font-family:Consolas,monospace}.sat-bar{width:100%;height:50px;background:#0000004d;border-radius:3px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.sat-bar-fill{position:absolute;bottom:0;left:0;width:100%;transition:height .3s cubic-bezier(.23,1,.32,1);box-shadow:0 0 6px currentColor}.sat-bar-prn{font-size:.55rem;color:#868e96;font-weight:500}.form-switch.form-switch-lg{padding-left:3.75rem;min-height:2.5rem;display:flex;align-items:center}.form-switch.form-switch-lg .form-check-input{width:3.25rem;height:1.75rem;margin-left:-3.75rem;margin-top:0;cursor:pointer;border:none;background-color:#78788052;transition:background-color var(--duration-normal) var(--ease-butter);position:relative;appearance:none;outline:none}.form-switch.form-switch-lg .form-check-input:before{content:"";position:absolute;top:2px;left:2px;width:calc(1.75rem - 4px);height:calc(1.75rem - 4px);background:linear-gradient(180deg,#fff,#f5f5f5);border-radius:50%;box-shadow:0 2px 8px #0000004d;transition:transform var(--duration-normal) var(--ease-butter)}.form-switch.form-switch-lg .form-check-input:checked{background-color:var(--primary)}.form-switch.form-switch-lg .form-check-input:checked:before{transform:translate(1.5rem)}.form-switch.form-switch-lg .form-check-label{cursor:pointer;user-select:none;transition:color var(--duration-fast) var(--ease-butter)}.form-switch.form-switch-lg .form-check-input:checked+.form-check-label{color:var(--primary-light)}.badge{padding:.4em .8em;font-weight:600;border-radius:12px;transition:transform var(--duration-fast) var(--ease-butter)}.badge.bg-success{background:linear-gradient(135deg,#198754,#157347)!important;box-shadow:0 2px 12px #1987544d}.badge.bg-warning{background:linear-gradient(135deg,#ffc107,#ffb300)!important;color:#000!important;box-shadow:0 2px 12px #ffc1074d}.badge.bg-primary{background:linear-gradient(135deg,#0d6efd,#0b5ed7)!important;box-shadow:0 2px 12px #0d6efd4d}.badge.bg-danger{background:linear-gradient(135deg,#dc3545,#c82333)!important;box-shadow:0 2px 12px #dc35454d}.btn{position:relative;overflow:hidden;border-radius:12px;font-weight:500;border:none;transition:transform var(--duration-fast) var(--ease-butter),box-shadow var(--duration-normal) var(--ease-butter)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);box-shadow:0 4px 16px #0d6efd4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0d6efd66}.btn-primary:active{transform:translateY(0);transition-duration:.1s}.btn-success{background:linear-gradient(135deg,var(--success) 0%,#157347 100%);box-shadow:0 4px 16px #1987544d}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 24px #19875466}.btn-outline-danger{border:2px solid var(--danger);color:var(--danger);background:transparent;transition:all var(--duration-normal) var(--ease-butter)}.btn-outline-danger:hover{background:var(--danger);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #dc354566}.btn-outline-primary{border:2px solid var(--primary);color:var(--primary);background:transparent;transition:all var(--duration-normal) var(--ease-butter)}.btn-outline-primary:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #0d6efd66}.accordion-item{background:var(--surface-1);border:1px solid rgba(255,255,255,.08);border-radius:12px!important;margin-bottom:10px;overflow:hidden}.accordion-button{background:var(--surface-2);color:#fff;border:none;border-radius:12px!important;padding:1rem 1.25rem;transition:background var(--duration-normal) var(--ease-butter),color var(--duration-normal) var(--ease-butter)}.accordion-button:after{transition:transform var(--duration-normal) var(--ease-butter);filter:brightness(2)}.accordion-button:not(.collapsed){background:linear-gradient(135deg,#0d6efd26,#0d6efd0d);color:var(--primary-light)}.accordion-button:not(.collapsed):after{transform:rotate(-180deg)}.accordion-collapse{transition:height var(--duration-normal) var(--ease-butter)}.accordion-body{animation:accordionBodyReveal var(--duration-normal) var(--ease-butter)}@keyframes accordionBodyReveal{0%{opacity:0}to{opacity:1}}.nav-tabs{border-bottom:2px solid rgba(255,255,255,.08)}.nav-tabs .nav-link{color:#fff9;border:none;border-radius:10px 10px 0 0;padding:.75rem 1.25rem;position:relative;transition:color var(--duration-fast) var(--ease-butter),background var(--duration-normal) var(--ease-butter)}.nav-tabs .nav-link:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:3px;background:var(--primary);transition:width var(--duration-normal) var(--ease-butter);border-radius:2px}.nav-tabs .nav-link:hover{color:#ffffffe6;background:#ffffff0a}.nav-tabs .nav-link.active{color:var(--primary-light);background:#0d6efd1a}.nav-tabs .nav-link.active:after{width:80%}.tab-pane{animation:tabReveal var(--duration-normal) var(--ease-butter)}@keyframes tabReveal{0%{opacity:0}to{opacity:1}}.form-control,.form-select{background:var(--surface-2);border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.625rem .875rem;transition:border-color var(--duration-normal) var(--ease-butter),box-shadow var(--duration-normal) var(--ease-butter)}.form-control:focus,.form-select:focus{background:var(--surface-2);border-color:var(--primary);color:#fff;box-shadow:0 0 0 .2rem #0d6efd40;outline:none}.form-control::placeholder{color:#fff6}#connection-status{transition:all var(--duration-normal) var(--ease-butter);border-radius:50%}#connection-status.spinner-border{animation:spin 1s linear infinite}#connection-status.bg-success{box-shadow:0 0 12px var(--glow-success)}.overflow-auto::-webkit-scrollbar,.custom-scrollbar::-webkit-scrollbar{width:8px}.overflow-auto::-webkit-scrollbar-track,.custom-scrollbar::-webkit-scrollbar-track{background:var(--surface-1);border-radius:4px}.overflow-auto::-webkit-scrollbar-thumb,.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px;transition:background var(--duration-fast) var(--ease-butter)}.overflow-auto::-webkit-scrollbar-thumb:hover,.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.fade-in{animation:fadeIn var(--duration-slow) var(--ease-butter)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.alert{border-radius:12px;border:1px solid rgba(255,255,255,.1)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:8px}button:focus,a:focus,input:focus,select:focus{outline:none}@media (max-width: 991px){.navbar-collapse{background:#0f0f0ffa;padding:1rem;border-radius:8px;margin-top:.5rem;border:1px solid rgba(255,255,255,.1)}.navbar-nav{width:100%}.navbar-nav .nav-item{margin:4px 0}.navbar-nav .nav-link{padding:12px 16px;border-radius:6px;background:#ffffff08;transition:all .2s ease}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{background:#0d6efd26;color:#4dabf7!important}}@media (max-width: 1200px){.stats-strip{grid-template-columns:repeat(2,1fr)}.sky-grid{grid-template-columns:1fr;height:auto;aspect-ratio:auto}.skyplot-wrapper{min-height:400px}}@media (max-width: 768px){body{padding-bottom:env(safe-area-inset-bottom)}.dashboard-master{gap:10px;padding-bottom:60px}.stats-strip{grid-template-columns:1fr;gap:8px;padding:10px}.stat-item{padding:10px 12px}.stat-icon{font-size:1.8rem}.stat-label{font-size:.7rem}.stat-value{font-size:1.05rem}.device-card{padding:14px 12px;margin-bottom:12px;min-height:90px}.device-name{font-size:1rem;line-height:1.4}.device-meta{font-size:.75rem}.device-card .btn-delete{width:36px;height:36px;top:12px;right:12px;opacity:1}.server-indicators{flex-direction:column;gap:8px}.server-status-item{padding:10px 12px;min-height:44px}.server-label{font-size:.75rem!important}.server-bps-unit{font-size:.72rem!important}.sat-bar-prn,.sat-bar-snr,.gnss-label{font-size:.7rem!important}.dashboard-status-chip{min-height:36px!important;padding:6px 12px!important;font-size:.8rem!important}.btn-ghost,.btn-system-toggle,.public-map-close{min-height:44px!important;min-width:44px!important}#user-info{display:none!important}.card-header h4{font-size:1.1rem;max-width:60%}.card-header .badge{font-size:.7rem;padding:4px 8px}.form-control,.form-select{font-size:16px;padding:12px 14px;min-height:48px}.btn{min-height:48px;padding:12px 20px;font-size:.95rem}.nav-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.nav-tabs .nav-link{white-space:nowrap;padding:10px 16px;font-size:.85rem}.map-section{height:220px!important;min-height:220px!important}.skyplot-wrapper{min-height:300px;height:300px}.bars-wrapper{grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:4px}.sat-bar{height:35px}.sat-bar-snr{font-size:.55rem}.sat-bar-prn{font-size:.5rem}}@media (max-width: 374px){.device-name{font-size:.9rem}.stat-icon{font-size:1.5rem}.stat-value{font-size:.9rem}.map-section{height:180px!important}.skyplot-wrapper{min-height:250px;height:250px}}@media (max-width: 768px) and (orientation: landscape){.skyplot-wrapper{min-height:250px;height:250px}.map-section{height:200px!important}.stats-strip{grid-template-columns:repeat(2,1fr)}.sky-grid{grid-template-columns:1fr 1fr}}@media (hover: none) and (pointer: coarse){button,a,.btn,.nav-link{min-height:44px;min-width:44px}.form-check{min-height:44px}.form-check .form-check-input{min-height:0;min-width:0}.device-card:hover{transform:none}.device-card:active{transform:scale(.98);transition-duration:.1s}.device-card .btn-delete{opacity:1}[title]:hover:after{display:none}}@supports (-webkit-touch-callout: none){input,select,textarea{font-size:16px!important}}body{overscroll-behavior-y:contain}.overflow-auto,.custom-scrollbar,.signals-scroll{-webkit-overflow-scrolling:touch}#device-list-root .list-group-item{content-visibility:auto;contain-intrinsic-size:100px}.btn-system-toggle{position:absolute;top:50%;right:-20px;transform:translateY(-50%);z-index:1000;width:44px;height:88px;background:linear-gradient(135deg,#0d6efd,#0b5ed7);border:2px solid rgba(255,255,255,.15);border-radius:10px 0 0 10px;border-right:none;color:#fff;font-size:1.3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:right .4s cubic-bezier(.34,1.56,.64,1),background .3s ease,box-shadow .3s ease,transform .3s ease;box-shadow:-4px 0 16px #0006,0 0 24px #0d6efd80,inset 0 1px #ffffff1a;overflow:hidden}.btn-system-toggle:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#fff0);opacity:0;transition:opacity .3s ease}.btn-system-toggle:hover{right:-16px;background:linear-gradient(135deg,#0b5ed7,#0a58ca);box-shadow:-8px 0 24px #00000080,0 0 40px #0d6efdcc,inset 0 1px #fff3;transform:translateY(-50%) scale(1.05)}.btn-system-toggle:hover:before{opacity:1}.btn-system-toggle:active{transform:translateY(-50%) scale(.98);transition-duration:.1s}.btn-system-toggle i{position:relative;z-index:1;animation:breathe-icon 3s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(255,255,255,.5))}@keyframes breathe-icon{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.85}}@keyframes pulse-icon{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.system-info-panel{position:absolute;top:0;right:0;bottom:0;width:350px;background:linear-gradient(135deg,#1a1d29,#0f1117);border-left:2px solid rgba(13,110,253,.3);transform:translate(100%);transition:transform .4s cubic-bezier(.23,1,.32,1);box-shadow:-8px 0 32px #00000080,0 0 0 1px #ffffff0d;z-index:999;overflow:hidden}.system-info-panel.open{transform:translate(0)}.panel-header-sys{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#0d6efd1a;border-bottom:1px solid rgba(255,255,255,.1)}.panel-header-sys h5{color:#e9ecef;font-weight:600;font-size:1.1rem}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.2);color:#adb5bd;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.btn-ghost:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.panel-body-sys{height:calc(100% - 64px);overflow-y:auto;padding:20px}.panel-body-sys::-webkit-scrollbar{width:6px}.panel-body-sys::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.info-section{margin-bottom:24px;animation:fadeInSection .5s ease}@keyframes fadeInSection{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:.85rem;font-weight:600;color:#adb5bd;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;display:flex;align-items:center}.info-grid{display:grid;grid-template-columns:1fr;gap:8px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#ffffff08;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.info-item .label{font-size:.8rem;color:#868e96}.info-item .value{font-size:.9rem;font-weight:600;color:#e9ecef;font-family:Consolas,monospace}.metric-card{padding:16px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.metric-value{font-size:1.8rem;font-weight:700;font-family:Consolas,monospace;margin-bottom:8px;text-align:center}.metric-value-large{font-size:2.5rem;font-weight:700;font-family:Consolas,monospace;text-align:center;margin-bottom:8px}.metric-details{display:flex;justify-content:space-between;margin-top:8px;font-size:.75rem;color:#868e96}.progress{background:#0000004d;border-radius:4px;overflow:hidden}@media (max-width: 768px){.btn-system-toggle{right:0;width:36px;height:60px;border-radius:6px 0 0 6px}.system-info-panel{width:100%;max-width:350px}}@media (max-width: 576px){.system-info-panel{width:100vw;max-width:none}.btn-system-toggle{width:32px;height:50px;font-size:1rem}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px currentColor;opacity:1}50%{box-shadow:0 0 25px currentColor;opacity:.85}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ripple{0%{width:10px;height:10px;opacity:1}to{width:200px;height:200px;opacity:0}}.device-card{animation:slideInFromLeft .5s cubic-bezier(.23,1,.32,1);animation-fill-mode:both}.device-card:nth-child(1){animation-delay:.05s}.device-card:nth-child(2){animation-delay:.1s}.device-card:nth-child(3){animation-delay:.15s}.device-card:nth-child(4){animation-delay:.2s}.device-card:nth-child(5){animation-delay:.25s}.device-card:nth-child(6){animation-delay:.3s}.device-card:nth-child(7){animation-delay:.35s}.device-card:nth-child(8){animation-delay:.4s}.card{animation:fadeInScale .6s cubic-bezier(.23,1,.32,1)}.stat-item{animation:slideInFromRight .4s cubic-bezier(.23,1,.32,1);animation-fill-mode:both}.stat-item:nth-child(1){animation-delay:.1s}.stat-item:nth-child(2){animation-delay:.2s}.stat-item:nth-child(3){animation-delay:.3s}.stat-item:nth-child(4){animation-delay:.4s}.status-bar.online{animation:pulseGlow 2s infinite}.status-bar.awaiting_license{animation:pulseGlow 1.5s infinite}.btn{position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;pointer-events:none}.btn:hover:before{width:300px;height:300px}.loading-shimmer{background:linear-gradient(90deg,#ffffff0d,#ffffff26,#ffffff0d);background-size:1000px 100%;animation:shimmer 2s infinite}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff26,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px;min-height:20px}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.hover-lift{transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s cubic-bezier(.23,1,.32,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0006}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast{animation:slideInFromTop .4s cubic-bezier(.23,1,.32,1)}.modal.fade .modal-dialog{transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s ease}.modal.show .modal-dialog{transform:scale(1) translateY(0)}#connection-status.text-success{animation:pulseGlow 2s infinite}html{scroll-behavior:smooth}.device-card:active{transform:scale(.98);transition-duration:.1s}.btn:active{transform:scale(.95);transition-duration:.1s}.device-card,.stat-item,.btn{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}@media (prefers-reduced-motion: reduce){body:not(.landing-view-active) *,body:not(.landing-view-active) *:before,body:not(.landing-view-active) *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes drawLine{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.chart-line{stroke-dasharray:1000;animation:drawLine 2s ease-out forwards}@keyframes progressFill{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.progress-bar{animation:progressFill 1s cubic-bezier(.23,1,.32,1)}@keyframes badgeBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.badge.badge-active{animation:badgeBounce .6s ease}.form-control:focus,.form-select:focus{animation:glowPulse 1.5s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 0 .2rem #0d6efd40}50%{box-shadow:0 0 0 .3rem #0d6efd66}}.spinner-border{animation:spin .8s linear infinite!important}.device-card,.card,.stat-item{animation:none!important}.progress-bar{animation:none!important;transition:width .32s cubic-bezier(.23,1,.32,1),background-color .22s ease;will-change:width}#publicMapModal .modal-content{background:#0b1118!important}#publicMapModal .public-map-header{min-height:68px;padding:12px 16px;gap:16px;border:0;background:linear-gradient(135deg,#0f172af5,#080d16eb),radial-gradient(circle at 18% 0%,rgba(56,189,248,.18),transparent 38%);box-shadow:0 14px 32px #02061757,inset 0 -1px #94a3b829;backdrop-filter:blur(18px);position:relative;z-index:1056}#publicMapModal .public-map-header:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(34,211,238,.5),rgba(34,197,94,.26),transparent);pointer-events:none}#publicMapModal .public-map-title-wrap{min-width:0;display:flex;align-items:center;gap:12px}#publicMapModal .public-map-icon{width:42px;height:42px;flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;color:#67e8f9;background:linear-gradient(135deg,#0891b247,#0f172ad1);border:1px solid rgba(103,232,249,.28);box-shadow:inset 0 1px #ffffff14}#publicMapModal .public-map-icon i{font-size:1.25rem}#publicMapModal .public-map-title-text{min-width:0}#publicMapModal .public-map-title-text .modal-title{margin:0;color:#f8fafc;font-size:1rem;font-weight:800;line-height:1.2;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#publicMapModal .public-map-title-text span{display:block;margin-top:3px;color:#94a3b8;font-size:.78rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#publicMapModal .public-map-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto}#publicMapModal .public-map-chip{height:32px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border-radius:999px;color:#cbd5e1;background:#0f172ab8;border:1px solid rgba(148,163,184,.18);font-size:.76rem;font-weight:700}#publicMapModal .public-map-chip i{font-size:.52rem}#publicMapModal .public-map-chip-online i{color:#22c55e}#publicMapModal .public-map-chip-offline i{color:#ef4444}#publicMapModal .public-map-close{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;color:#cbd5e1;background:#0f172abd;border:1px solid rgba(148,163,184,.2);transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}#publicMapModal .public-map-close:hover{color:#fff;background:#ef444429;border-color:#f8717161;transform:translateY(-1px)}#publicMapModal .modal-body{height:calc(100vh - 68px);background:#0b1118}@media (max-width: 768px){#publicMapModal .public-map-header{min-height:64px;padding:10px 12px}#publicMapModal .public-map-icon{width:38px;height:38px;flex-basis:38px;border-radius:10px}#publicMapModal .public-map-title-text .modal-title{font-size:.94rem}#publicMapModal .public-map-title-text span{font-size:.72rem}#publicMapModal .public-map-chip{display:none}#publicMapModal .public-map-close{width:38px;height:38px;flex:0 0 38px}#publicMapModal .modal-body{height:calc(100vh - 64px)}}
