@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root,[data-theme=light]{--bg-main: #F8FAFC;--bg-card: rgba(255, 255, 255, .92);--bg-card-hover: rgba(255, 255, 255, 1);--bg-header: rgba(255, 255, 255, .9);--bg-input: #FFFFFF;--bg-table-header: #F1F5F9;--bg-table-hover: #F8FAFC;--border-color: rgba(0, 0, 0, .08);--border-accent: rgba(79, 70, 229, .4);--primary: #4F46E5;--primary-hover: #4338CA;--primary-glow: rgba(79, 70, 229, .2);--accent-emerald: #059669;--accent-amber: #D97706;--accent-cyan: #0284C7;--accent-rose: #E11D48;--accent-purple: #7C3AED;--text-main: #0F172A;--text-muted: #475569;--text-subtle: #64748B;--bg-gradient-1: radial-gradient(at 10% 10%, rgba(99, 102, 241, .08) 0px, transparent 50%);--bg-gradient-2: radial-gradient(at 90% 80%, rgba(14, 165, 233, .08) 0px, transparent 50%);--bg-gradient-3: radial-gradient(at 50% 50%, rgba(168, 85, 247, .05) 0px, transparent 50%);--card-shadow: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 4px 10px -2px rgba(0, 0, 0, .03);--map-filter: none;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px}[data-theme=dark]{--bg-main: #0B0F17;--bg-card: rgba(17, 24, 39, .75);--bg-card-hover: rgba(31, 41, 55, .85);--bg-header: rgba(11, 15, 23, .85);--bg-input: rgba(0, 0, 0, .4);--bg-table-header: rgba(0, 0, 0, .35);--bg-table-hover: rgba(255, 255, 255, .03);--border-color: rgba(255, 255, 255, .09);--border-accent: rgba(99, 102, 241, .35);--primary: #6366F1;--primary-hover: #4F46E5;--primary-glow: rgba(99, 102, 241, .25);--accent-emerald: #10B981;--accent-amber: #F59E0B;--accent-cyan: #06B6D4;--accent-rose: #F43F5E;--accent-purple: #A855F7;--text-main: #F9FAFB;--text-muted: #9CA3AF;--text-subtle: #6B7280;--bg-gradient-1: radial-gradient(at 10% 10%, rgba(99, 102, 241, .12) 0px, transparent 50%);--bg-gradient-2: radial-gradient(at 90% 80%, rgba(6, 182, 212, .1) 0px, transparent 50%);--bg-gradient-3: radial-gradient(at 50% 50%, rgba(168, 85, 247, .06) 0px, transparent 50%);--card-shadow: 0 10px 30px -10px rgba(0, 0, 0, .5);--map-filter: brightness(.65) invert(1) contrast(2.5) hue-rotate(200deg) saturate(.35)}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .25s ease,color .25s ease,border-color .25s ease}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);min-height:100vh;background-image:var(--bg-gradient-1),var(--bg-gradient-2),var(--bg-gradient-3);background-attachment:fixed;overflow-x:hidden;-webkit-font-smoothing:antialiased}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--card-shadow)}.glass-card:hover{border-color:var(--border-accent)}.glass-card-interactive{cursor:pointer}.glass-card-interactive:hover{border-color:var(--border-accent);box-shadow:0 12px 35px -5px var(--primary-glow);transform:translateY(-2px)}.app-header{position:sticky;top:0;z-index:100;background:var(--bg-header);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:1rem 1.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 4px 20px #00000008}.brand-container{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-main)}.brand-logo{width:40px;height:40px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary) 0%,var(--accent-cyan) 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.brand-title{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--text-main)}.brand-subtitle{font-size:.72rem;color:var(--text-muted);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.live-clock-badge{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.9rem;font-weight:600;color:var(--text-main);background:var(--bg-input);border:1px solid var(--border-color);padding:.45rem .9rem;border-radius:9999px;box-shadow:0 2px 8px #00000008}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald);animation:pulse-ring 1.8s infinite}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.main-container{max-width:1400px;margin:0 auto;padding:2rem 1.5rem 4rem}.section-title-group{margin-bottom:1.75rem}.section-title{font-size:1.65rem;font-weight:800;letter-spacing:-.02em;color:var(--text-main);display:flex;align-items:center;gap:.6rem}.section-subtitle{color:var(--text-muted);font-size:.9rem;margin-top:.3rem}.metric-card{padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1.1rem}.metric-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon.purple{background:#7c3aed1f;color:var(--accent-purple);border:1px solid rgba(124,58,237,.2)}.metric-icon.emerald{background:#10b9811f;color:var(--accent-emerald);border:1px solid rgba(16,185,129,.2)}.metric-icon.rose{background:#f43f5e1f;color:var(--accent-rose);border:1px solid rgba(244,63,94,.2)}.metric-icon.cyan{background:#06b6d41f;color:var(--accent-cyan);border:1px solid rgba(6,182,212,.2)}.metric-value{font-size:1.75rem;font-weight:800;color:var(--text-main);line-height:1.1}.metric-label{font-size:.8rem;color:var(--text-muted);font-weight:600;margin-top:.2rem}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 14px var(--primary-glow);transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--primary-glow)}.btn-danger{background:linear-gradient(135deg,var(--accent-rose) 0%,#E11D48 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 14px #f43f5e40;transition:all .2s ease}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f43f5e59}.btn-secondary{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);padding:.6rem 1.1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.88rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .2s ease;box-shadow:0 2px 6px #00000008}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.theme-toggle-btn{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.theme-toggle-btn:hover{border-color:var(--primary);transform:scale(1.05);color:var(--primary)}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.status-badge.online{background:#10b9811f;color:var(--accent-emerald);border:1px solid rgba(16,185,129,.3)}.status-badge.late{background:#f59e0b1f;color:var(--accent-amber);border:1px solid rgba(245,158,11,.3)}.status-badge.remote{background:#06b6d41f;color:var(--accent-cyan);border:1px solid rgba(6,182,212,.3)}.status-badge.offline{background:#6b72801f;color:var(--text-muted);border:1px solid rgba(107,114,128,.3)}.custom-table-container{width:100%;overflow-x:auto}.custom-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left}.custom-table th{background:var(--bg-table-header);padding:.9rem 1.1rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.custom-table td{padding:1rem 1.1rem;border-bottom:1px solid var(--border-color);font-size:.9rem;color:var(--text-main);vertical-align:middle}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background:var(--bg-table-hover)}.leaflet-container{width:100%;height:100%;border-radius:var(--radius-md);z-index:1}.dark-map-tiles{filter:var(--map-filter)}.leaflet-popup-content-wrapper{background:var(--bg-card)!important;color:var(--text-main)!important;border:1px solid var(--border-accent)!important;border-radius:var(--radius-sm)!important;box-shadow:0 10px 25px #0003!important}.leaflet-popup-tip{background:var(--bg-card)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}