:root,[data-theme=dark]{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary:#8b5cf6;--accent:#38bdf8;--accent-bg:#38bdf81f;--accent-border:#38bdf84d;--emerald:#34d399;--rose:#f43f5e;--amber:#fbbf24;--cyan:#38bdf8;--bg:#060913;--bg-surface:#0a0f1e;--bg-surface-elevated:#0f172a;--card-bg:#0f172abf;--card-bg-hover:#1e293be0;--card-bg-solid:#0f172a;--glass-header:#0a0f1ed9;--header-bg:#0a0f1ed9;--glass-sidebar:#0a0f1eeb;--sidebar-bg:#0a0f1eeb;--glass-dropdown:#0f172af5;--modal-bg:#0b1329;--text:#f8fafc;--text-h:#fff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-dim:#64748b;--border:#ffffff14;--border-light:#ffffff24;--border-active:#818cf880;--input-bg:#ffffff0a;--input-border:#ffffff1a;--table-head-bg:#1e293bb3;--table-row-border:#ffffff0a;--table-row-hover:#ffffff0a;--social-bg:#ffffff0d;--hero-gradient:linear-gradient(135deg, #1e1b4be6 0%, #312e81cc 50%, #4c1d95b3 100%);--hero-gradient-emerald:linear-gradient(135deg, #064e3be6 0%, #047857cc 50%, #0f766eb3 100%);--hero-gradient-cyan:linear-gradient(135deg, #0c4a6ee6 0%, #0369a1cc 50%, #4338cab3 100%);--hero-shadow:0 12px 36px #00000073;--hero-shadow-emerald:0 12px 36px #04785740;--hero-shadow-cyan:0 12px 36px #0369a140;--hero-border:#ffffff1f;--hero-subtitle:#c7d2fe;--shadow-sm:0 2px 8px #00000040;--shadow:0 8px 32px #0000005c;--shadow-lg:0 20px 50px #0000008c;--glow-primary:0 0 24px #6366f159;--glow-accent:0 0 24px #38bdf859;--radius:20px;--radius-sm:12px;--radius-pill:40px;--transition:.2s cubic-bezier(.16, 1, .3, 1);--font-sans:"Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace}[data-theme=light]{--primary:#4f46e5;--primary-dark:#4338ca;--primary-light:#6366f1;--secondary:#7c3aed;--accent:#0284c7;--accent-bg:#e0f2fe;--accent-border:#bae6fd;--emerald:#059669;--rose:#e11d48;--amber:#d97706;--cyan:#0284c7;--bg:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#f1f5f9;--card-bg:#fff;--card-bg-hover:#fff;--card-bg-solid:#fff;--glass-header:#fffffff5;--header-bg:#fffffff5;--glass-sidebar:#fff;--sidebar-bg:#fff;--glass-dropdown:#fff;--modal-bg:#fff;--text:#0f172a;--text-h:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-dim:#94a3b8;--border:#e2e8f0;--border-light:#cbd5e1;--border-active:#6366f1;--input-bg:#fff;--input-border:#cbd5e1;--table-head-bg:#f8fafc;--table-row-border:#f1f5f9;--table-row-hover:#f8fafc;--social-bg:#f1f5f9;--hero-gradient:linear-gradient(135deg, #4338ca 0%, #6366f1 50%, #7c3aed 100%);--hero-gradient-emerald:linear-gradient(135deg, #047857 0%, #059669 50%, #0d9488 100%);--hero-gradient-cyan:linear-gradient(135deg, #0369a1 0%, #0284c7 50%, #2563eb 100%);--hero-shadow:0 14px 34px -6px #4f46e559, 0 4px 12px -2px #4f46e526;--hero-shadow-emerald:0 14px 34px -6px #05966959;--hero-shadow-cyan:0 14px 34px -6px #0284c759;--hero-border:#ffffff4d;--hero-subtitle:#e0e7ff;--shadow-sm:0 1px 3px #0000000d;--shadow:0 2px 12px -2px #0000000f, 0 1px 3px 0 #0000000a;--shadow-lg:0 16px 36px -4px #0000001a, 0 4px 14px -2px #0000000d;--glow-primary:0 4px 20px #4f46e52e;--glow-accent:0 4px 20px #0284c72e}#root{box-sizing:border-box;background:var(--bg);width:100%;min-height:100vh;color:var(--text);margin:0;padding:0;transition:background-color .25s,color .25s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s,color .25s;overflow-x:hidden}.bg-canvas{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.aurora-orb{filter:blur(100px);opacity:.32;pointer-events:none;border-radius:50%;transition:opacity .3s;position:absolute}[data-theme=light] .aurora-orb{opacity:.25;filter:blur(120px)}.orb-top-left{background:radial-gradient(circle,#4338ca 0%,#1e1b4b 50%,#0000 75%);width:50vw;height:50vw;animation:20s ease-in-out infinite alternate floatSlow;top:-15%;left:-10%}[data-theme=light] .orb-top-left{background:radial-gradient(circle,#c7d2fe 0%,#e0e7ff 50%,#0000 75%)}.orb-bottom-right{background:radial-gradient(circle,#0284c7 0%,#312e81 50%,#0000 75%);width:45vw;height:45vw;animation:24s ease-in-out infinite alternate-reverse floatSlow;bottom:-15%;right:-10%}[data-theme=light] .orb-bottom-right{background:radial-gradient(circle,#bae6fd 0%,#e0f2fe 50%,#0000 75%)}.orb-center{opacity:.2;background:radial-gradient(circle,#701a75 0%,#0000 70%);width:30vw;height:30vw;top:30%;left:40%}[data-theme=light] .orb-center{opacity:.18;background:radial-gradient(circle,#fbcfe8 0%,#0000 70%)}.cyber-dot-matrix{background-image:linear-gradient(90deg,#ffffff06 1px,#0000 1px),linear-gradient(#ffffff06 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000 40%,#0000 90%);mask-image:radial-gradient(70% 70%,#000 40%,#0000 90%)}[data-theme=light] .cyber-dot-matrix{background-image:linear-gradient(90deg,#6366f10a 1px,#0000 1px),linear-gradient(#6366f10a 1px,#0000 1px)}@keyframes floatSlow{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-20px)scale(1.06)}to{transform:translate(-20px,30px)scale(.95)}}.hero-banner,.page-hero-header{background:var(--hero-gradient)!important;-webkit-backdrop-filter:blur(20px)!important;color:#fff!important;box-shadow:var(--hero-shadow)!important;border:1px solid var(--hero-border)!important;border-radius:24px!important;margin-bottom:24px!important;padding:28px 32px!important;position:relative!important;overflow:hidden!important}.hero-banner h1,.page-hero-header h1{color:#fff!important;letter-spacing:-.5px!important;margin:0 0 6px!important;font-size:28px!important;font-weight:800!important}.hero-banner p,.page-hero-header p{color:var(--hero-subtitle)!important;margin:0!important;font-size:14px!important}.hero-banner-emerald{background:var(--hero-gradient-emerald)!important;box-shadow:var(--hero-shadow-emerald)!important}.hero-banner-cyan{background:var(--hero-gradient-cyan)!important;box-shadow:var(--hero-shadow-cyan)!important}.responsive-card,.dashboard-card,.kpi-card,.stat-card,.chart-card,.glass-panel,.table-card{transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);background:var(--card-bg)!important;-webkit-backdrop-filter:blur(16px)!important;border-radius:var(--radius)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow)!important;color:var(--text)!important}.responsive-card:hover,.dashboard-card:hover,.stat-card:hover,.kpi-card:hover{transform:translateY(-2px);border-color:var(--border-light)!important;box-shadow:var(--shadow-lg)!important}.filter-bar{padding:16px 20px;background:var(--card-bg)!important;-webkit-backdrop-filter:blur(16px)!important;border-radius:var(--radius)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow)!important}.table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);background:var(--card-bg);overflow-x:auto}.responsive-table,table{border-collapse:collapse;width:100%;color:var(--text-secondary)}th{text-align:left;background:var(--table-head-bg)!important;color:var(--text-muted)!important;letter-spacing:.6px!important;text-transform:uppercase!important;border-bottom:1px solid var(--border)!important;padding:14px 16px!important;font-size:11.5px!important;font-weight:700!important}[data-theme=light] th{color:#475569!important;background:#f8fafc!important}td{border-bottom:1px solid var(--table-row-border)!important;color:var(--text)!important;padding:14px 16px!important;font-size:13.5px!important}[data-theme=light] td{color:#0f172a!important;border-bottom:1px solid #f1f5f9!important}tr:hover td{background:var(--table-row-hover)!important}[data-theme=light] tr:hover td{background:#f8fafc!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=month],textarea,select{border-radius:var(--radius-sm);transition:all var(--transition);outline:none;padding:9px 14px;font-family:inherit;font-size:13.5px;background:var(--input-bg)!important;border:1px solid var(--input-border)!important;color:var(--text)!important}input:focus,textarea:focus,select:focus{border-color:var(--primary-light)!important;background:var(--card-bg-hover)!important;box-shadow:0 0 0 3px #6366f126!important}select option{background:var(--bg-surface-elevated)!important;color:var(--text)!important}[data-theme=light] select option{color:#0f172a!important;background:#fff!important}input::placeholder,textarea::placeholder{color:var(--text-dim)!important}.btn-primary{align-items:center;gap:8px;display:inline-flex;background:linear-gradient(135deg, var(--primary), var(--secondary))!important;border-radius:var(--radius-pill)!important;color:#fff!important;cursor:pointer!important;transition:var(--transition)!important;border:none!important;padding:9px 22px!important;font-size:13px!important;font-weight:600!important;box-shadow:0 4px 16px #6366f159!important}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f180!important}.btn-secondary{align-items:center;gap:8px;display:inline-flex;background:var(--input-bg)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-pill)!important;color:var(--text-secondary)!important;cursor:pointer!important;transition:var(--transition)!important;padding:9px 18px!important;font-size:13px!important;font-weight:600!important}.btn-secondary:hover{background:var(--card-bg-hover)!important;color:var(--text)!important;border-color:var(--border-active)!important}.theme-toggle-btn{background:var(--input-bg);border:1px solid var(--border);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.theme-toggle-btn:hover{color:var(--primary);background:#6366f11f;border-color:#6366f14d;transform:scale(1.06)}.theme-sun-icon{color:#d97706;animation:.3s rotateIn}.theme-moon-icon{color:#818cf8;animation:.3s rotateIn}@keyframes rotateIn{0%{opacity:0;transform:rotate(-90deg)scale(.7)}to{opacity:1;transform:rotate(0)scale(1)}}.modal-overlay{z-index:10000;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;-webkit-backdrop-filter:blur(12px)!important;background:#030712bf!important}[data-theme=light] .modal-overlay{background:#0f172a80!important}.modal-content,.modal-dialog{max-height:90vh;overflow-y:auto;background:var(--modal-bg)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius)!important;color:var(--text)!important;box-shadow:var(--shadow-lg)!important}[data-theme=light] .modal-content,[data-theme=light] .modal-dialog{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 25px 60px -15px #0003,0 0 0 1px #0000000d!important}.topbar-glass-header{background:var(--header-bg)!important;border-bottom:1px solid var(--border)!important}[data-theme=light] .topbar-glass-header{background:#fffffff5!important;box-shadow:0 1px 4px #0000000a!important}[data-theme=light] .brand-title-gradient{background:linear-gradient(135deg,#1e1b4b 0%,#4338ca 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important}[data-theme=light] .topbar-dark-input,[data-theme=light] .profile-trigger-btn{color:#0f172a!important;background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .user-display-name{color:#0f172a!important}[data-theme=light] .profile-dropdown-glass{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 16px 40px #0000001f!important}[data-theme=light] .dropdown-full-name{color:#0f172a!important}[data-theme=light] .dropdown-action-btn{color:#334155!important}[data-theme=light] .dropdown-action-btn:hover{color:#4338ca!important;background:#f1f5f9!important}[data-theme=light] .dropdown-separator-line{background:#e2e8f0!important}[data-theme=light] .sidebar-glass-container,[data-theme=light] aside{background:#fff!important;border-right:1px solid #e2e8f0!important;box-shadow:2px 0 12px #00000005!important}[data-theme=light] .sidebar-nav-link{color:#475569!important}[data-theme=light] .sidebar-nav-link:hover{color:#0f172a!important;background:#f1f5f9!important}[data-theme=light] .sidebar-nav-link.active{color:#4338ca!important;background:linear-gradient(135deg,#eef2ff 0%,#f5f3ff 100%)!important;border:1px solid #c7d2fe!important;box-shadow:0 2px 8px #6366f11f!important}[data-theme=light] .sidebar-nav-link.active .sidebar-icon{color:#4f46e5!important}.badge-success,.status-active{color:var(--emerald)!important;background:#10b98126!important;border:1px solid #10b9814d!important}[data-theme=light] .badge-success,[data-theme=light] .status-active{color:#047857!important;background:#ecfdf5!important;border:1px solid #a7f3d0!important}.badge-danger,.status-failed,.status-inactive{color:var(--rose)!important;background:#ef444426!important;border:1px solid #ef44444d!important}[data-theme=light] .badge-danger,[data-theme=light] .status-failed,[data-theme=light] .status-inactive{color:#b91c1c!important;background:#fef2f2!important;border:1px solid #fecaca!important}.badge-warning,.status-pending{color:var(--amber)!important;background:#f59e0b26!important;border:1px solid #f59e0b4d!important}[data-theme=light] .badge-warning,[data-theme=light] .status-pending{color:#b45309!important;background:#fffbeb!important;border:1px solid #fde68a!important}.badge-primary,.badge-omniware{color:var(--primary-light)!important;background:#6366f126!important;border:1px solid #6366f14d!important}[data-theme=light] .badge-primary,[data-theme=light] .badge-omniware{color:#4338ca!important;background:#eef2ff!important;border:1px solid #c7d2fe!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.responsive-container{max-width:1440px;margin:0 auto;padding:16px}@media (width>=768px){.responsive-container{padding:24px 32px}}.responsive-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.responsive-grid{grid-template-columns:repeat(4,1fr)}}.responsive-grid-2{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=768px){.responsive-grid-2{grid-template-columns:1fr 1fr}}.responsive-grid-3{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=768px){.responsive-grid-3{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.responsive-grid-3{grid-template-columns:repeat(3,1fr)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}