*{box-sizing:border-box;margin:0;padding:0}:root{--primary-50:#ecfdf5;--primary-100:#d1fae5;--primary-200:#a7f3d0;--primary-300:#6ee7b7;--primary-400:#34d399;--primary-500:#10b981;--primary-600:#059669;--primary-700:#047857;--primary-800:#065f46;--primary-900:#064e3b;--color-primary:#10b981;--color-primary-light:#34d399;--color-primary-dark:#059669;--color-primary-bg:#ecfdf5;--color-secondary:#007aff;--color-secondary-light:#5ac8fa;--color-secondary-dark:#0056b3;--color-accent:#5ac8fa;--color-accent-light:#7dd8f0;--color-accent-dark:#007aff;--color-success:#34c759;--color-success-light:#4cd964;--color-success-bg:#f0fff4;--color-warning:#ff9500;--color-warning-light:#ffb340;--color-warning-bg:#fff8f0;--color-error:#ff3b30;--color-error-light:#ff6961;--color-error-bg:#fff0ef;--color-info:#007aff;--color-info-light:#5ac8fa;--color-info-bg:#f0f7ff;--bg-primary:#f2f2f7;--bg-secondary:#fff;--bg-tertiary:#f9f9fb;--bg-card:#fff;--bg-hover:#f5f5f7;--bg-active:#0000000f;--bg-disabled:#f5f5f7;--color-bg-card:#fff;--color-bg-secondary:#f2f2f7;--color-bg-overlay:#0006;--color-border:#0000000f;--color-border-light:#0000000a;--color-text-primary:#1d1d1f;--color-text-secondary:#6e6e73;--color-text-tertiary:#aeaeb2;--color-text-muted:#c7c7cc;--color-text-inverse:#fff;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-tertiary:#aeaeb2;--text-muted:#c7c7cc;--text-disabled:#0000001a;--text-inverse:#fff;--border-primary:#0000000f;--border-secondary:#0000001a;--border-hover:#10b981;--border-focus:#10b981;--border-light:#0000000a;--gradient-primary:linear-gradient(135deg,#10b981 0%,#059669 100%);--gradient-secondary:linear-gradient(135deg,#007aff 0%,#0056b3 100%);--gradient-accent:linear-gradient(135deg,#5ac8fa 0%,#007aff 100%);--gradient-success:linear-gradient(135deg,#10b981 0%,#059669 100%);--gradient-card:linear-gradient(180deg,#fff 0%,#f9f9fb 100%);--gradient-bg:linear-gradient(180deg,#f2f2f7 0%,#fff 100%);--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 4px #0000000a;--shadow-md:0 4px 8px #0000000f;--shadow-lg:0 8px 16px #0000000f;--shadow-xl:0 16px 32px #00000014;--shadow-card:0 1px 3px #0000000a,0 4px 16px #0000000a;--shadow-primary:0 4px 12px #10b98133;--shadow-primary-lg:0 8px 24px #10b98140;--glass-bg:#ffffff8c;--glass-border:#10b9811a;--glass-shadow:0 8px 32px #0000000f;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--spacing-xs:var(--space-xs);--spacing-sm:var(--space-sm);--spacing-md:var(--space-md);--spacing-lg:var(--space-lg);--spacing-xl:var(--space-xl);--spacing-2xl:var(--space-2xl);--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--transition-theme:.3s ease;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}[data-theme=dark]{--color-primary:#34d399;--color-primary-light:#6ee7b7;--color-primary-dark:#10b981;--color-primary-bg:#10b9811a;--color-secondary:#5ac8fa;--color-secondary-light:#7dd3fc;--color-secondary-dark:#007aff;--color-accent:#22d3ee;--color-accent-light:#67e8f9;--color-accent-dark:#5ac8fa;--color-success:#4cd964;--color-success-light:#6ee7b7;--color-success-bg:#10b9811a;--color-warning:#ffb340;--color-warning-light:#fcd34d;--color-warning-bg:#ff95001a;--color-error:#ff6961;--color-error-light:#fca5a5;--color-error-bg:#ff3b301a;--color-info:#5ac8fa;--color-info-light:#7dd3fc;--color-info-bg:#0ea5e91a;--bg-primary:#0d0d0f;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--bg-card:#1c1c1e;--bg-hover:#2c2c2e;--bg-active:#3a3a3c;--bg-disabled:#1c1c1e;--color-bg-card:#1c1c1e;--color-bg-secondary:#0d0d0f;--color-bg-overlay:#000000b3;--color-border:#2c2c2e;--color-border-light:#1c1c1e;--color-text-primary:#e8e8ed;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-text-muted:#64748b;--color-text-inverse:#0d0d0f;--text-primary:#e8e8ed;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#64748b;--text-disabled:#475569;--text-inverse:#0d0d0f;--border-primary:#ffffff14;--border-secondary:#475569;--border-hover:#34d399;--border-focus:#34d399;--border-light:#ffffff0a;--gradient-primary:linear-gradient(135deg,#34d399 0%,#10b981 100%);--gradient-secondary:linear-gradient(135deg,#38bdf8 0%,#007aff 100%);--gradient-accent:linear-gradient(135deg,#22d3ee 0%,#5ac8fa 100%);--gradient-card:linear-gradient(180deg,#1c1c1e 0%,#0d0d0f 100%);--gradient-bg:linear-gradient(180deg,#f2f2f7 0%,#fff 100%);--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 4px #0006;--shadow-md:0 4px 8px #00000080;--shadow-lg:0 8px 16px #0009;--shadow-xl:0 16px 32px #000000b3;--shadow-card:0 2px 8px #00000080;--shadow-primary:0 4px 12px #5cff2e33;--shadow-primary-lg:0 8px 24px #5cff2e4d;--glass-bg:#1c1c1ecc;--glass-border:#5cff2e26;--glass-shadow:0 8px 32px #0009}:root{--neon-green-primary:var(--color-primary);--neon-green-light:var(--color-primary-light);--neon-bright:#34d399;--shadow-neon:0 0 20px #10b98133;--bg-dark-primary:#0d0d0f;--gradient-energy:var(--gradient-primary);--color-bg-header:#ffffff8c}body{font-family:var(--font-family);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-theme),color var(--transition-theme);line-height:1.6}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-secondary);transition:background var(--transition-fast);border-radius:4px}::selection{color:var(--text-primary);background:#10b98140}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow)}.animate-fade-in{animation:.3s ease-out fadeIn}.animate-slide-in{animation:.3s ease-out slideIn}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.animate-bounce{animation:1s ease-in-out infinite bounce}*{transition:background-color var(--transition-theme),border-color var(--transition-theme),color var(--transition-theme),box-shadow var(--transition-theme)}button,input,select,textarea,a{transition:none}button:hover,input:focus,select:focus,textarea:focus,a:hover{transition:all var(--transition-fast)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;padding:12px 24px;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{box-shadow:var(--shadow-primary-lg);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-secondary:hover{background:var(--color-primary-bg);box-shadow:var(--shadow-sm)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-primary);background:0 0}.btn-ghost:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--bg-hover)}.btn-danger{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.btn-danger:hover{background:var(--color-error);color:#fff}.btn-sm{font-size:var(--font-size-sm);padding:8px 16px}.btn-lg{font-size:var(--font-size-lg);padding:16px 32px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:before{content:"";background:var(--gradient-primary);opacity:0;height:3px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card)}.card:hover:before{opacity:1}.card-status{background:var(--color-success-bg);border:1px solid var(--color-primary)}.input{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast);padding:12px 16px}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.input::placeholder{color:var(--text-muted)}.input:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}.table-container{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow:hidden}.table{border-collapse:collapse;width:100%}.table th{background:var(--bg-secondary);color:var(--text-primary);padding:var(--space-md);text-align:left;border-bottom:1px solid var(--border-primary);font-weight:600;font-size:var(--font-size-sm)}.table td{padding:var(--space-md);border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:var(--font-size-base)}.table tr:hover td{background:var(--bg-hover);color:var(--text-primary)}.table tr:last-child td{border-bottom:none}.badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);align-items:center;padding:4px 12px;font-weight:500;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.badge-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info)}.badge-primary{background:var(--color-primary-bg);color:var(--color-primary);border:1px solid var(--color-primary)}.nav-item{align-items:center;gap:var(--space-md);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;border-radius:var(--radius-md);border-left:3px solid #0000;padding:12px 20px;display:flex}.nav-item:hover{color:var(--color-primary);background:var(--bg-hover)}.nav-item.active{color:var(--color-primary);background:var(--color-primary-bg);border-left-color:var(--color-primary);font-weight:600}.stats-grid{gap:var(--space-lg);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.stat-card{align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-normal);display:flex}.stat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card)}.stat-icon{border-radius:var(--radius-lg);background:var(--color-primary-bg);width:48px;height:48px;color:var(--color-primary);justify-content:center;align-items:center;font-size:24px;display:flex}.stat-info h4{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:4px;font-weight:400}.stat-value{font-size:var(--font-size-3xl);color:var(--text-primary);font-weight:700}.stat-change{font-size:var(--font-size-xs);margin-top:4px}.stat-change.up{color:var(--color-success)}.stat-change.down{color:var(--color-error)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.page-container{background:var(--bg-primary);min-height:100vh}.page-header{background:var(--bg-card);border:1px solid var(--border-primary);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;display:flex}.page-header-left{align-items:center;gap:16px;display:flex}.page-header-icon{width:48px;height:48px;color:var(--color-primary);background:#10b9811f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-header-text{flex-direction:column;gap:4px;display:flex}.page-header-title{color:var(--text-primary);margin:0;font-size:22px;font-weight:700}.page-header-subtitle{color:var(--text-tertiary);margin:0;font-size:14px}.page-header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.page-content{padding:var(--space-lg)}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.page-header{gap:var(--space-md);flex-direction:column;align-items:flex-start}.page-header-actions{justify-content:flex-end;width:100%}.btn{width:100%}}.card-hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.section-title{font-size:var(--font-size-xl);margin-bottom:var(--space-lg);align-items:center;gap:var(--space-sm);font-weight:700;display:flex}.section-title:before{content:"";background:var(--gradient-primary);border-radius:2px;width:4px;height:24px}.stat-card-enhanced{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card-enhanced:after{content:"";background:radial-gradient(circle,var(--color-primary-bg)0%,transparent 70%);opacity:0;border-radius:50%;width:80px;height:80px;transition:opacity .3s;position:absolute;top:0;right:0;transform:translate(40%,-40%)}.stat-card-enhanced:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 32px #10b98114}.stat-card-enhanced:hover:after{opacity:1}.badge-dot{border-radius:var(--radius-full);font-size:var(--font-size-xs);align-items:center;gap:6px;padding:4px 12px;font-weight:500;display:inline-flex}.badge-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.data-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.data-value{font-size:var(--font-size-2xl);color:var(--text-primary);font-weight:700;line-height:1.2}.data-value.large{font-size:var(--font-size-4xl)}.data-trend{font-size:var(--font-size-xs);align-items:center;gap:4px;font-weight:600;display:inline-flex}.data-trend.up{color:var(--color-success)}.data-trend.down{color:var(--color-error)}.section-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden}.section-card-header{padding:var(--space-lg);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.section-card-body{padding:var(--space-lg)}.status-dot-online{background:var(--color-success);width:8px;height:8px;box-shadow:0 0 8px var(--color-success);border-radius:50%;display:inline-block}.status-dot-offline{background:var(--color-error);border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot-warning{background:var(--color-warning);width:8px;height:8px;box-shadow:0 0 8px var(--color-warning);border-radius:50%;display:inline-block}.empty-state-enhanced{padding:var(--space-3xl)var(--space-lg);color:var(--text-tertiary);text-align:center;justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.empty-state-enhanced .empty-icon{background:var(--bg-secondary);width:64px;height:64px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:28px;display:flex}.tabs-enhanced{background:var(--bg-secondary);border-radius:var(--radius-lg);gap:0;padding:4px;display:flex}.tab-item-enhanced{text-align:center;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:10px 20px;font-weight:500;transition:all .2s}.tab-item-enhanced:hover{color:var(--text-primary)}.tab-item-enhanced.active{background:var(--bg-card);color:var(--color-primary);box-shadow:var(--shadow-sm);font-weight:600}.search-box-enhanced{align-items:center;gap:var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:10px 16px;transition:all .2s;display:flex}.search-box-enhanced:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.search-box-enhanced input{font-size:var(--font-size-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.search-box-enhanced input::placeholder{color:var(--text-muted)}.filter-bar{align-items:center;gap:var(--space-md);padding:var(--space-md)0;flex-wrap:wrap;display:flex}.filter-select{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;outline:none;padding:8px 16px;transition:all .2s}.filter-select:focus{border-color:var(--color-primary)}:root{--primary-50:#f0ffe8;--primary-100:#e3ffd6;--primary-200:#c8ffad;--primary-300:#9dff76;--primary-400:#63f23b;--primary-500:#2ecc00;--primary-600:#28a800;--primary-700:#1e8e00;--primary-800:#1b7207;--primary-900:#185f0b;--color-primary:#2ecc00;--color-primary-light:#3ddd18;--color-primary-dark:#28a800;--color-primary-bg:#2ecc0014;--color-secondary:#007aff;--color-secondary-light:#5ac8fa;--color-secondary-dark:#0056b3;--color-accent:#5ac8fa;--color-success:#34c759;--color-success-bg:#34c7591a;--color-warning:#ff9500;--color-warning-bg:#ff950014;--color-error:#ff3b30;--color-error-bg:#ff3b3014;--color-info:#007aff;--color-info-bg:#007aff14;--bg-primary:#f2f2f7;--bg-secondary:#fff9;--bg-tertiary:#ffffff80;--bg-card:#ffffff8c;--bg-hover:#0000000a;--bg-active:#2ecc000f;--bg-disabled:#f5f5f7;--color-bg-card:var(--bg-card);--color-bg-secondary:var(--bg-secondary);--color-bg-header:#ffffff80;--color-bg-overlay:#0006;--color-border:#0000000f;--color-border-light:#0000000a;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-tertiary:#aeaeb2;--text-muted:#c7c7cc;--text-inverse:#fff;--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-tertiary:var(--text-tertiary);--color-text-muted:var(--text-muted);--text-neon:#1e8e00;--border-primary:#0000000f;--border-secondary:#0000001a;--border-light:#0000000a;--border-hover:#2ecc0040;--border-focus:#2ecc004d;--border-neon:#2ecc004d;--gradient-primary:linear-gradient(135deg,#2ecc00 0%,#28a800 100%);--gradient-secondary:linear-gradient(135deg,#007aff 0%,#0056b3 100%);--gradient-accent:linear-gradient(135deg,#5ac8fa 0%,#007aff 100%);--gradient-card:linear-gradient(180deg,#ffffffad,#ffffff7a);--gradient-bg:#f2f2f7;--grad:var(--gradient-primary);--shadow-card:0 1px 3px #0000000a,0 4px 16px #0000000a;--shadow-primary:0 2px 10px #2ecc0033;--shadow-primary-lg:0 0 28px #2ecc004d,0 4px 16px #2ecc0026;--shadow-neon:0 0 24px #2ecc0026;--shadow-neon-lg:0 0 32px #2ecc0038;--shadow-neon-hover:var(--shadow-primary-lg);--glass-bg:#ffffff8c;--glass-border:#0000000f;--glass-shadow:var(--shadow-card);--glass-blur:blur(24px)saturate(180%);--glass-blur-light:blur(12px)saturate(160%);--radius-xs:10px;--radius-sm:14px;--radius-md:14px;--radius-lg:20px;--radius-xl:20px;--radius-2xl:24px;--neon-green-primary:var(--color-primary);--neon-green-light:var(--color-primary-light);--neon-bright:var(--color-primary-light);--bg-dark-primary:#fff;--bg-dark-secondary:#00000005;--gradient-energy:var(--gradient-primary)}[data-theme=dark]{--bg-primary:#0b1014;--bg-secondary:#101820c7;--bg-tertiary:#161f28c7;--bg-card:#101820d1;--bg-hover:#ffffff0f;--bg-active:#2ecc001f;--bg-disabled:#17202a;--color-bg-card:var(--bg-card);--color-bg-secondary:var(--bg-secondary);--color-bg-primary:#0b1014;--color-bg-header:#101820d1;--color-bg-overlay:#0000009e;--color-border:#ffffff1a;--color-border-light:#ffffff0f;--text-primary:#f5f7fa;--text-secondary:#b6c0cc;--text-tertiary:#7f8a96;--text-muted:#5f6b76;--text-inverse:#0b1014;--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-tertiary:var(--text-tertiary);--color-text-muted:var(--text-muted);--text-neon:#7dff5a;--border-primary:#ffffff1a;--border-secondary:#ffffff24;--border-light:#ffffff0f;--border-hover:#7dff5a57;--border-focus:#7dff5a61;--border-neon:#7dff5a57;--gradient-card:linear-gradient(180deg,#101820e6,#0a1016db);--gradient-bg:#0b1014;--shadow-card:0 1px 2px #00000059,0 12px 30px #00000042;--shadow-neon:0 0 24px #7dff5a2e;--shadow-neon-lg:0 0 34px #7dff5a3d;--glass-bg:#101820d1;--glass-border:#ffffff1a;--bg-dark-primary:#0b1014;--bg-dark-secondary:#ffffff0a}body{background:var(--bg-primary);color:var(--text-primary)}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 20%,#2ecc0008 0%,#0000 60%),radial-gradient(at 80% 80%,#007aff05 0%,#0000 50%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#2ecc0005 1px,#0000 1px);background-size:50px 50px;position:fixed;inset:0}#root{z-index:1;position:relative}:where(.sidebar,.franchisee-sidebar,.header,.franchisee-header){background:var(--glass-bg)!important;border-color:var(--glass-border)!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important}:where(.header,.franchisee-header){-webkit-backdrop-filter:var(--glass-blur-light)!important;backdrop-filter:var(--glass-blur-light)!important}:where(.logo-icon,.header-avatar,.user-avatar,.page-header-icon,.card-icon){background:var(--gradient-primary)!important;color:#fff!important;box-shadow:0 0 18px #2ecc0040!important}:where(.logo-text h1,.logo-text h3,.stat-value,.data-value.large,.pricing-card-header h4,.level-name){color:var(--text-neon)!important}:where(.nav-item){border-left:3px solid #0000!important;border-radius:0 10px 10px 0!important}:where(.nav-item:hover){color:var(--text-primary)!important;background:#2ecc000a!important;border-left-color:#2ecc004d!important}:where(.nav-item.active){border-left-color:var(--color-primary)!important;color:var(--text-neon)!important;box-shadow:none!important;background:#2ecc000f!important}:where(.card,.section-card,.stat-card,.stat-card-enhanced,.metric-card,.chart-card,.table-container,.table-wrapper,.admin-table-wrapper,.modal-content,.login-card,.login-box,.member-card,.pricing-card,.notif-item,.notification-item,.filter-card,.settings-card,.audit-card,.finance-card){background:var(--bg-card)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-card)!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important}:where(.card,.section-card,.stat-card,.stat-card-enhanced,.metric-card,.chart-card,.member-card,.pricing-card,.notif-item,.notification-item,.login-box){transition:border-color .3s,box-shadow .3s,transform .3s!important}:where(.card,.section-card,.stat-card,.stat-card-enhanced,.metric-card,.chart-card,.member-card,.pricing-card,.notif-item,.notification-item,.login-box):hover{transform:translateY(-2px);border-color:#2ecc0033!important;box-shadow:0 4px 24px #2ecc0014,0 1px 3px #0000000a!important}:where(.page-header){background:var(--bg-card)!important;border:1px solid var(--border-primary)!important;border-left:3px solid var(--color-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-card)!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important}:where(table){border-collapse:separate;border-spacing:0}:where(th){letter-spacing:1px;text-transform:uppercase;color:var(--text-tertiary)!important;background:#00000005!important;font-size:11px!important}:where(td){color:var(--text-secondary);border-color:var(--border-primary)!important}:where(tr:hover td){background:#2ecc0008!important}:where(.btn,button.btn,.btn-sm,.action-btn,.header-btn,.filter-btn,.detail-btn,.export-btn){border-radius:20px!important;transition:all .3s cubic-bezier(.25,.46,.45,.94)!important}:where(.btn-primary,.primary-btn,button.primary,.submit-btn,.save-btn,.export-btn,.login-button){background:var(--gradient-primary)!important;color:#fff!important;box-shadow:var(--shadow-primary)!important;border-color:#0000!important}:where(.btn-primary,.primary-btn,button.primary,.submit-btn,.save-btn,.export-btn,.login-button):hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)!important}:where(.btn-secondary,.btn-outline,.secondary-btn,.cancel-btn){color:var(--text-neon)!important;background:#2ecc000a!important;border:1px solid #2ecc0040!important}:where(input,select,textarea,.input,.filter-select,.search-input){color:var(--text-primary)!important;background:#00000005!important;border-color:#00000014!important}:where(input,select,textarea,.input,.filter-select,.search-input):focus{border-color:#2ecc004d!important;outline:none!important;box-shadow:0 0 0 3px #2ecc000f!important}:where(.badge-success,.status-badge.active,.status-badge.completed,.status-badge.success){color:#1b7a30!important;background:#34c7591a!important;border-color:#34c75933!important}:where(.badge-warning,.status-badge.pending,.status-badge.processing){color:#b06500!important;background:#ff950014!important;border-color:#ff950033!important}:where(.badge-error,.status-badge.failed,.status-badge.inactive,.level-critical){color:#c41e16!important;background:#ff3b3014!important;border-color:#ff3b3033!important}:where(.badge-info,.status-badge.info){color:#0056b3!important;background:#007aff14!important;border-color:#007aff33!important}::selection{background:#2ecc0038}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000002e}[data-theme=dark] :where(.table-container,.table-wrapper,.admin-table-wrapper,.modal-content,.filter-card,.search-box,.filter-box,.audit-info,.role-hints){background:var(--bg-card)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important}[data-theme=dark] :where(th,.data-table th,.admin-table th,.records-table th,.detail-data-table th){color:#c9d4e2!important;background:#ffffff0b!important}[data-theme=dark] :where(td,.data-table td,.admin-table td,.records-table td,.detail-data-table td){color:#e7eef8!important;border-color:var(--border-primary)!important;background:0 0!important}[data-theme=dark] :where(tr:hover,.data-table tbody tr:hover,.admin-table tr:hover){background:#2ecc0014!important}[data-theme=dark] :where(tr:hover td,.data-table tbody tr:hover td,.admin-table tr:hover td){color:#fff!important;background:#2ecc0014!important}[data-theme=dark] :where(.sub-meta,.page-desc,.detail-item .label,.form-group label,.radio-label,.audit-info p,.payment-status,small){color:#b8c4d2!important}[data-theme=dark] :where(.detail-item .value,.modal-header h3,.user-name,.station-info,.finance-meta,.order-meta,.account-value,.value){color:#f4f7fb!important}[data-theme=dark] :where(input,select,textarea,.search-box input,.filter-box select,.role-select){color:#f4f7fb!important;background:#fff1!important;border-color:#ffffff24!important}[data-theme=dark] :where(){color:#9aa7b6!important}[data-theme=dark] :where(option){color:#f4f7fb!important;background:#101820!important}[data-theme=dark] :where(.btn-icon,.btn-secondary,.btn-close){color:#d6dee8!important}[data-theme=dark] :where(.btn-icon:hover,.btn-secondary:hover,.btn-close:hover){color:#fff!important;background:#ffffff17!important}[data-theme=dark] :where(.status-active,.status-badge.active,.badge-success){color:#c8ffe6!important;background:#34d39938!important}[data-theme=dark] :where(.status-pending,.status-badge.pending,.badge-warning){color:#ffe8a3!important;background:#fbbf2433!important}[data-theme=dark] :where(.status-suspended,.status-terminated,.status-badge.inactive,.badge-error){color:#ffd1d1!important;background:#f871712e!important}