:root{--primary: #022891;--primary-light: #0a3cb8;--primary-lighter: #1e56d0;--primary-dark: #011d6e;--primary-darkest: #01154d;--accent: #00c2ff;--accent-light: #5dd9ff;--accent-dark: #009dd4;--bg-dark: #0a0e1a;--bg-card: #111827;--bg-card-hover: #1a2236;--bg-surface: #0f1525;--bg-input: #151d2e;--border-color: rgba(255, 255, 255, .08);--border-focus: rgba(2, 40, 145, .6);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-accent: #00c2ff;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(2, 40, 145, .3);--shadow-glow-accent: 0 0 20px rgba(0, 194, 255, .2);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--sidebar-width: 280px;--sidebar-collapsed: 72px;--header-height: 64px}body.theme-light{--bg-dark: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-surface: #f1f5f9;--bg-input: #ffffff;--border-color: rgba(0, 0, 0, .08);--border-focus: rgba(2, 40, 145, .4);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-accent: #022891}body.theme-mixed{--bg-dark: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-surface: #e2e8f0;--bg-input: #ffffff;--border-color: rgba(0, 0, 0, .06);--border-focus: rgba(2, 40, 145, .4);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-accent: #022891}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-light)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.auth-page{display:flex;min-height:100vh}.auth-brand{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--primary-darkest) 0%,var(--primary) 50%,var(--primary-light) 100%);padding:3rem;position:relative;overflow:hidden}.auth-brand:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(0,194,255,.08) 0%,transparent 70%);animation:brandPulse 8s ease-in-out infinite}@keyframes brandPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:1}}.auth-brand-content{position:relative;z-index:1;text-align:center;max-width:400px}.auth-brand-logo{width:180px;margin-bottom:2rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-brand h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.75rem}.auth-brand p{color:#ffffffb3;font-size:1.05rem;line-height:1.7}.auth-form-side{flex:1;display:flex;justify-content:center;align-items:center;padding:3rem;background:var(--bg-dark)}.auth-form-container{width:100%;max-width:420px;animation:fadeSlideUp .5s ease}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-form-container h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.auth-form-container .subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.form-control,.input{width:100%;padding:.8rem 1.25rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:all var(--transition-base);outline:none;box-shadow:inset 0 2px 4px #0000000d}.form-control:focus,.input:focus{border-color:var(--primary-lighter);background:var(--bg-card);box-shadow:inset 0 2px 4px #0000000d,0 0 0 3px #02289140}.form-control::placeholder,.input::placeholder{color:var(--text-muted)}.form-control:-webkit-autofill,.input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out 0s}select.form-control,select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.25rem center;background-size:1.2em;padding-right:3rem;cursor:pointer}select.form-control option,select.input option{background:var(--bg-card);color:var(--text-primary)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.input-wrapper{position:relative}.input-wrapper .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);width:18px;height:18px;transition:color var(--transition-fast);pointer-events:none}.input-wrapper input{width:100%;padding:.8rem 1rem .8rem 2.75rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:all var(--transition-fast);outline:none}.input-wrapper input:focus{border-color:var(--primary-lighter);box-shadow:0 0 0 3px #02289133}.input-wrapper input:focus+.input-icon,.input-wrapper input:focus~.input-icon{color:var(--primary-lighter)}.input-wrapper input::placeholder{color:var(--text-muted)}.input-wrapper .toggle-password{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;transition:color var(--transition-fast)}.input-wrapper .toggle-password:hover{color:var(--text-secondary)}.form-error{font-size:.8rem;color:var(--error);margin-top:.35rem}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.85rem}.form-footer a{color:var(--accent);font-weight:500}.form-links{text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--text-secondary)}.form-links a{color:var(--accent);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;border:none;border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);outline:none;text-decoration:none;line-height:1}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;box-shadow:0 4px 14px #02289166}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #02289199;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:#ffffff26}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:#ffffff0d;color:var(--text-primary)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-full{width:100%}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn-lg{padding:1rem 2rem;font-size:1.05rem}.dashboard-ambient-orb{position:fixed;top:-20vh;right:-20vw;width:80vw;height:80vw;background:radial-gradient(circle,rgba(0,194,255,.05) 0%,transparent 60%);border-radius:50%;pointer-events:none;z-index:0;animation:floatOrb 20s ease-in-out infinite alternate}@keyframes floatOrb{0%{transform:translate(0) scale(1)}to{transform:translate(-5vw,10vh) scale(1.1)}}.dashboard-layout{display:flex;min-height:100vh;position:relative;background:var(--bg-dark)}.sidebar{width:var(--sidebar-width);background:#0c1a3a;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:width var(--transition-base);border-right:1px solid rgba(255,255,255,.06)}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(2,40,145,.15) 0%,transparent 50%);pointer-events:none}.sidebar-header{padding:1.75rem 1.5rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;border-bottom:1px solid rgba(255,255,255,.06);position:relative}.sidebar-logo{height:40px;flex-shrink:0;filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:transform .3s ease}.sidebar-logo:hover{transform:scale(1.04)}.sidebar-badge{background:#00c2ff1f;color:var(--accent);border:1px solid rgba(0,194,255,.2);padding:3px 10px;border-radius:6px;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.sidebar-section-title{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#ffffff4d;padding:.75rem .85rem .4rem;margin:0}.sidebar-link,.sidebar-submenu-toggle{display:flex;align-items:center;gap:.7rem;padding:.65rem .85rem;border-radius:10px;color:#fff9;font-size:.88rem;font-weight:500;transition:all .2s ease;margin-bottom:2px;cursor:pointer;border:1px solid transparent;background:transparent;width:100%;text-align:left;font-family:inherit;text-decoration:none;position:relative}.sidebar-link:after,.sidebar-submenu-toggle:after{display:none}.sidebar-link:hover,.sidebar-submenu-toggle:hover{color:#fff;background:#ffffff0f;border-color:#ffffff0a;transform:none;box-shadow:none}.sidebar-link.active{color:#fff;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-color:#00c2ff26;box-shadow:0 4px 16px #02289166,0 0 0 1px #00c2ff14;font-weight:600;transform:none}.sidebar-link.active:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:3px;background:var(--accent);border-radius:0 3px 3px 0;box-shadow:0 0 8px var(--accent)}.sidebar-link .icon,.sidebar-submenu-toggle .icon{width:18px;height:18px;flex-shrink:0;color:#fff6;transition:color .2s ease}.sidebar-link:hover .icon,.sidebar-submenu-toggle:hover .icon{color:#ffffffd9}.sidebar-link.active .icon{color:var(--accent);filter:drop-shadow(0 0 4px rgba(0,194,255,.4))}.sidebar-submenu-toggle{justify-content:space-between}.sidebar-submenu{display:flex;flex-direction:column;gap:1px;overflow:hidden;max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),margin .25s ease;margin-left:1rem;padding-left:.75rem;border-left:1px solid rgba(255,255,255,.06);position:relative}.sidebar-submenu.open{max-height:300px;margin-bottom:4px;margin-top:2px}.sidebar-submenu .sidebar-link{padding:.45rem .75rem;font-size:.82rem;font-weight:450;color:#ffffff73;border-radius:8px;background:transparent;border:none;box-shadow:none}.sidebar-submenu .sidebar-link:before{display:none}.sidebar-submenu .sidebar-link:hover{color:#ffffffe6;background:#ffffff0a;transform:none}.sidebar-submenu .sidebar-link.active{color:var(--accent);background:#00c2ff14;border:none;box-shadow:none;font-weight:600}.sidebar-submenu .sidebar-link.active:before{display:none}.sidebar-footer{padding:.85rem;border-top:1px solid rgba(255,255,255,.06)}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:.55rem .65rem;border-radius:10px;cursor:pointer;background:#ffffff0a;border:1px solid rgba(255,255,255,.04);transition:all .2s ease}.sidebar-user:hover{background:#ffffff14;border-color:#ffffff14}.sidebar-avatar{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--primary-light),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:#fff;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-weight:600;font-size:.82rem;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.62rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-top:1px}body.theme-mixed .header,body.theme-light .header{background:#ffffffd9;border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 1px 12px #0000000a}body.theme-mixed .header-title,body.theme-light .header-title{background:linear-gradient(90deg,var(--primary-darkest),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.theme-mixed .header-icon-btn,body.theme-light .header-icon-btn{background:#00000008;border-color:#0000000f;color:#475569}body.theme-mixed .header-icon-btn:hover,body.theme-light .header-icon-btn:hover{background:#0000000f;color:#0f172a;border-color:#0000001a;box-shadow:0 4px 12px #0000000f}body.theme-mixed .header-notification-badge,body.theme-light .header-notification-badge{border-color:#fff}body.theme-mixed .breadcrumb-root,body.theme-light .breadcrumb-root{color:#00000073}body.theme-mixed .breadcrumb-root:hover,body.theme-light .breadcrumb-root:hover{color:#000000bf}body.theme-mixed .breadcrumb-separator,body.theme-light .breadcrumb-separator{color:#0003}body.theme-mixed .breadcrumb-current,body.theme-light .breadcrumb-current{color:#0f172a}body.theme-mixed .header-divider,body.theme-light .header-divider{background:#00000014}body.theme-mixed .header-search,body.theme-light .header-search{background:#00000008;border-color:#00000014}body.theme-mixed .header-search:focus-within,body.theme-light .header-search:focus-within{background:#0000000b;border-color:#02289159;box-shadow:0 0 0 3px #02289114}body.theme-mixed .header-search-icon,body.theme-light .header-search-icon{color:#00000059}body.theme-mixed .header-search-input,body.theme-light .header-search-input{color:#0f172a}body.theme-mixed .header-search-input::placeholder,body.theme-light .header-search-input::placeholder{color:#0000004d}body.theme-mixed .header-search-shortcut,body.theme-light .header-search-shortcut{background:#0000000f;color:#00000073}body.theme-mixed .theme-toggle-group,body.theme-light .theme-toggle-group{background:#00000008;border-color:#0000000f}body.theme-mixed .card,body.theme-light .card{background:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 1px 3px #0000000a,0 4px 16px #00000008}body.theme-mixed .card:hover,body.theme-light .card:hover{border-color:#02289126;box-shadow:0 8px 24px #02289114}body.theme-mixed .stat-icon,body.theme-light .stat-icon{box-shadow:none}body.theme-mixed .welcome-banner,body.theme-light .welcome-banner{background:linear-gradient(135deg,#01154d,#022891,#0a3cb8);border:none;box-shadow:0 8px 32px #02289133}body.theme-mixed .dashboard-ambient-orb,body.theme-light .dashboard-ambient-orb{background:radial-gradient(circle,rgba(2,40,145,.04) 0%,transparent 60%)}body.theme-mixed .login-theme-btn,body.theme-light .login-theme-btn{color:#00000059}body.theme-mixed .login-theme-btn:hover,body.theme-light .login-theme-btn:hover{color:#0f172a;background:#0000000f}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.header{height:calc(var(--header-height) + 10px);background:#0a0e1aa6;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:50;box-shadow:0 8px 32px #00000026}.header-left{display:flex;align-items:center;gap:1.25rem}.mobile-menu-btn{display:none;background:transparent;border:none;color:#fffc;cursor:pointer;padding:0;transition:color .2s}.mobile-menu-btn:hover{color:#fff}.header-mobile-logo{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;align-items:center;gap:.6rem}.header-mobile-logo img{height:28px;filter:brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0,0,0,.2))}.header-breadcrumb{display:flex;align-items:center;gap:.65rem;font-size:.95rem;font-weight:500}.breadcrumb-root{color:#ffffff80;transition:color .2s;cursor:pointer}.breadcrumb-root:hover{color:#fffc}.breadcrumb-separator{color:#fff3;font-size:.85rem}.breadcrumb-current{color:#fff;font-weight:700;letter-spacing:-.01em}.header-divider{width:1px;height:24px;background:#ffffff1a;margin:0 .25rem}.numa-core-pill{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:8px;font-size:.7rem;font-weight:700;color:#10b981;letter-spacing:.05em;text-transform:uppercase}.numa-core-dot{width:6px;height:6px;background-color:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981;animation:pulseDot 2s infinite}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.header-right{display:flex;align-items:center;gap:1rem}.header-search{display:flex;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.45rem .75rem;gap:.5rem;width:240px;transition:all .2s ease}.header-search:focus-within{border-color:#00c2ff66;background:#ffffff0f;box-shadow:0 0 0 3px #00c2ff1a}.header-search-icon{color:#fff6}.header-search-input{flex:1;background:transparent;border:none;color:#fff;font-size:.85rem;outline:none}.header-search-input::placeholder{color:#ffffff4d}.header-search-shortcut{font-size:.65rem;background:#ffffff1a;color:#fff9;padding:2px 6px;border-radius:4px;font-weight:600;letter-spacing:.05em}.theme-toggle-group{display:flex;gap:4px;background:#ffffff0a;padding:4px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.header-icon-btn{width:36px;height:36px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.header-icon-btn:hover{background:#ffffff14;color:#fff;border-color:#ffffff26;transform:translateY(-1px)}.header-notification-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:10px;border:2px solid var(--bg-card);box-shadow:0 2px 4px #0003}.page-content{flex:1;padding:2rem}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.75rem;font-weight:700;margin-bottom:.35rem}.page-header p{color:var(--text-secondary);font-size:.95rem}.card{background:#11182799;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:1.25rem;transition:all var(--transition-base);box-shadow:0 4px 16px #00000026}.theme-light .card,.theme-mixed .card{background:#fffc;border:1px solid rgba(0,0,0,.05)}.card:hover{border-color:#ffffff1a;transform:translateY(-4px);box-shadow:0 12px 32px #00c2ff1a}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem}.stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 20px #ffffff0d}.stat-icon.blue{background:#02289133;color:var(--accent);border:1px solid rgba(0,194,255,.2)}.stat-icon.cyan{background:#00c2ff26;color:#fff;border:1px solid rgba(0,194,255,.3);box-shadow:0 0 15px #00c2ff33}.stat-icon.green{background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.2)}.stat-icon.amber{background:#f59e0b26;color:var(--warning);border:1px solid rgba(245,158,11,.2)}.stat-info h3{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.stat-info .stat-value{font-size:1.6rem;font-weight:800;color:var(--text-primary);text-shadow:0 2px 8px rgba(0,0,0,.3)}.theme-light .stat-info .stat-value,.theme-mixed .stat-info .stat-value{text-shadow:none}.welcome-banner{background:linear-gradient(135deg,#022891f2,#0a3cb8cc,#00c2ff80);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:1.5rem 2rem;margin-bottom:1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #02289140}.welcome-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(0,194,255,.4) 0%,transparent 60%);border-radius:50%;animation:pulseOrb 8s infinite alternate}@keyframes pulseOrb{0%{transform:scale(1);opacity:.5}to{transform:scale(1.2);opacity:1}}.welcome-banner h2{font-size:1.4rem;font-weight:800;margin-bottom:.25rem;position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.3);color:#fff!important}.welcome-banner p{color:#ffffffe6!important;font-size:.95rem;position:relative;z-index:1;max-width:600px}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.profile-card{padding:2rem}.profile-card h3{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.alert{padding:.85rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem;animation:fadeSlideUp .3s ease}.alert-error{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.25)}.alert-success{background:#10b9811f;color:#6ee7b7;border:1px solid rgba(16,185,129,.25)}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:var(--sidebar-width);transition:margin var(--transition-base)}.loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-dark);display:flex;align-items:center;justify-content:center;z-index:9999}.loader-spinner{width:44px;height:44px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:1fr}}@media(max-width:768px){.auth-brand{display:none}.auth-form-side{padding:2rem 1.5rem}.sidebar{transform:translate(-100%)}.main-content{margin-left:0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-content{padding:1.25rem}.header{background:#0c1a3a;border-bottom:1px solid rgba(255,255,255,.06)}.header-mobile-logo{display:flex!important}}.login-page{display:flex;min-height:100vh;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.login-theme-toggle{position:fixed;top:1.25rem;right:1.25rem;display:flex;gap:4px;padding:4px;border-radius:12px;z-index:50;background:#ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12)}.theme-mixed .login-theme-toggle,.theme-light .login-theme-toggle{background:#0000000a;border-color:#00000014}.login-theme-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:#ffffff80;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.theme-mixed .login-theme-btn,.theme-light .login-theme-btn{color:#00000059}.login-theme-btn:hover{color:#fff;background:#ffffff1a}.theme-mixed .login-theme-btn:hover,.theme-light .login-theme-btn:hover{color:#0f172a;background:#0000000f}.login-theme-btn.active{background:#022891;color:#fff!important;box-shadow:0 2px 8px #02289166}.login-brand{flex:1.1;display:flex;align-items:center;justify-content:center;padding:3rem 3.5rem;position:relative;overflow:hidden;background:linear-gradient(160deg,#01154d,#022891 45%,#0a3cb8)}.login-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none}.login-orb-1{width:400px;height:400px;background:#00c2ff;top:-10%;right:-8%;animation:orbFloat1 12s ease-in-out infinite}.login-orb-2{width:300px;height:300px;background:#6366f1;bottom:-5%;left:-5%;animation:orbFloat2 10s ease-in-out infinite}.login-orb-3{width:200px;height:200px;background:#00c2ff;top:50%;left:50%;transform:translate(-50%,-50%);animation:orbFloat3 8s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,20px) scale(1.1)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-15px) scale(1.05)}}@keyframes orbFloat3{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.2}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.4}}.login-brand-inner{position:relative;z-index:2;max-width:480px;animation:fadeUp .6s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-brand-top{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.login-logo{height:64px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:transform .3s ease}.login-logo:hover{transform:scale(1.05)}.login-brand-badge{background:#00c2ff26;color:#5dd9ff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:4px 10px;border-radius:6px;border:1px solid rgba(0,194,255,.25)}.login-headline{font-size:2.25rem;font-weight:800;line-height:1.2;color:#fff;margin-bottom:1rem;letter-spacing:-.02em}.login-gradient-text{background:linear-gradient(135deg,#00c2ff,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-tagline{font-size:1rem;color:#fff9;line-height:1.6;margin-bottom:2.5rem}.login-features{display:flex;flex-direction:column;gap:.75rem}.login-feature{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .25s ease;animation:featureSlide .5s ease-out both}@keyframes featureSlide{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.login-feature:hover{background:#ffffff1a;border-color:#ffffff26;transform:translate(4px)}.login-feature-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#00c2ff33,#6366f133);display:flex;align-items:center;justify-content:center;color:#5dd9ff;flex-shrink:0}.login-feature-text{display:flex;flex-direction:column;gap:2px}.login-feature-text strong{font-size:.88rem;font-weight:600;color:#fff}.login-feature-text span{font-size:.78rem;color:#ffffff80;line-height:1.4}.login-form-side{flex:.9;display:flex;align-items:center;justify-content:center;padding:3rem;background:#0a0e1a}.theme-mixed .login-form-side{background:#f8fafc}.theme-light .login-form-side{background:#fff}.theme-light .login-brand{background:linear-gradient(160deg,#e8edf5,#dce4f5 45%,#c7d4f0)}.theme-light .login-headline{color:#01154d}.theme-light .login-gradient-text{background:linear-gradient(135deg,#022891,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-light .login-tagline{color:#475569}.theme-light .login-feature{background:#0228910a;border-color:#02289114}.theme-light .login-feature:hover{background:#02289114;border-color:#0228911f}.theme-light .login-feature-icon{background:linear-gradient(135deg,#0228911a,#6366f11a);color:#022891}.theme-light .login-feature-text strong{color:#0f172a}.theme-light .login-feature-text span{color:#64748b}.theme-light .login-brand-badge{background:#02289114;color:#022891;border-color:#02289126}.theme-light .login-logo{filter:brightness(0) saturate(100%) invert(11%) sepia(82%) saturate(5765%) hue-rotate(225deg) brightness(70%) contrast(105%)}.theme-light .login-orb-1{background:#02289126}.theme-light .login-orb-2{background:#6366f11a}.theme-light .login-orb-3{background:#00c2ff1a}.login-form-wrapper{width:100%;max-width:400px;animation:fadeUp .5s ease-out .15s both}.login-form-header{margin-bottom:2rem}.login-form-header h2{font-size:1.65rem;font-weight:700;margin-bottom:.4rem;color:#f1f5f9}.login-form-header p{font-size:.9rem;color:#64748b}.theme-mixed .login-form-header h2,.theme-light .login-form-header h2{color:#0f172a}.theme-mixed .login-form-header p,.theme-light .login-form-header p{color:#64748b}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-field label{display:block;font-size:.82rem;font-weight:600;margin-bottom:.4rem;color:#94a3b8}.theme-mixed .login-field label,.theme-light .login-field label{color:#475569}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:14px;color:#64748b;pointer-events:none;transition:color .2s}.login-input-wrap input[type=email],.login-input-wrap input[type=password],.login-input-wrap input[type=text],.login-input-wrap input[type=tel]{width:100%;padding:.8rem 1rem .8rem 2.75rem;border-radius:12px;font-size:.92rem;font-family:inherit;outline:none;transition:all .2s ease;background:#151d2e;border:1.5px solid rgba(255,255,255,.08);color:#f1f5f9}.theme-mixed .login-input-wrap input,.theme-light .login-input-wrap input{background:#fff!important;border-color:#e2e8f0!important;color:#0f172a!important}.theme-mixed .login-input-wrap input::placeholder,.theme-light .login-input-wrap input::placeholder{color:#94a3b8}.login-input-wrap input:focus{border-color:#022891!important;box-shadow:0 0 0 3px #02289126}.login-input-wrap input:focus~.login-input-icon{color:#022891}.login-eye-btn{position:absolute;right:12px;background:none;border:none;color:#64748b;cursor:pointer;padding:4px;display:flex;transition:color .2s}.login-eye-btn:hover{color:#94a3b8}.login-options{display:flex;justify-content:space-between;align-items:center}.login-remember{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:#94a3b8;cursor:pointer;transition:color .2s}.login-remember:hover{color:#f1f5f9}.theme-mixed .login-remember,.theme-light .login-remember{color:#64748b}.theme-mixed .login-remember:hover,.theme-light .login-remember:hover{color:#0f172a}.login-switch{position:relative;display:inline-block;width:36px;height:20px}.login-switch input{opacity:0;width:0;height:0}.login-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#1e293b;transition:.4s;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.theme-mixed .login-slider,.theme-light .login-slider{background-color:#cbd5e1;border-color:#0000000d}.login-slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#64748b;transition:.4s cubic-bezier(.68,-.55,.265,1.55);border-radius:50%}.theme-mixed .login-slider:before,.theme-light .login-slider:before{background-color:#fff;box-shadow:0 1px 3px #0003}.login-switch input:checked+.login-slider{background:linear-gradient(135deg,#022891,#0a3cb8);border-color:transparent;box-shadow:0 0 8px #02289166}.login-switch input:checked+.login-slider:before{transform:translate(16px);background-color:#fff}.login-switch input:focus+.login-slider{box-shadow:0 0 0 2px #0228914d}.login-forgot{font-size:.82rem;font-weight:600;color:#00c2ff;text-decoration:none;transition:color .2s}.login-forgot:hover{color:#5dd9ff}.theme-mixed .login-forgot,.theme-light .login-forgot{color:#022891}.theme-mixed .login-forgot:hover,.theme-light .login-forgot:hover{color:#0a3cb8}.login-submit{width:100%;padding:.9rem;border:none;border-radius:12px;font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .25s ease;background:linear-gradient(135deg,#022891,#0a3cb8);color:#fff;box-shadow:0 4px 16px #02289159;margin-top:.25rem}.login-submit:hover:not(:disabled){box-shadow:0 6px 24px #02289180;transform:translateY(-1px)}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:1.75rem;font-size:.88rem;color:#64748b;display:flex;align-items:center;justify-content:center;gap:.4rem}.login-footer a{color:#00c2ff;font-weight:600;text-decoration:none;transition:color .2s}.login-footer a:hover{color:#5dd9ff}.theme-mixed .login-footer a,.theme-light .login-footer a{color:#022891}@media(max-width:1024px){.login-brand{padding:2.5rem 2rem}.login-headline{font-size:1.85rem}}@media(max-width:768px){.login-page{flex-direction:column;min-height:100vh}.login-theme-toggle{top:.75rem;right:.75rem;transform:scale(.85)}.login-brand{flex:0 0 auto;padding:1.5rem}.login-brand-inner{text-align:center;display:flex;flex-direction:column;align-items:center}.login-brand-top{justify-content:center;margin-bottom:0}.login-logo{height:42px}.login-brand-badge,.login-headline,.login-tagline,.login-features,.login-orb{display:none}.login-form-side{flex:1 1 auto;padding:2.5rem 1.5rem;align-items:flex-start}.login-form-wrapper{margin:0 auto;width:100%;max-width:400px}.login-form-header{text-align:center;margin-bottom:1.75rem}.login-form-header h2{font-size:1.5rem}}@media(max-width:1024px){.header-search{width:180px}.hide-on-mobile{display:none!important}}@media(max-width:768px){.header{padding:0 1rem;position:sticky;background:var(--primary)!important;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;box-shadow:0 4px 12px #0003}.header-left{gap:.75rem}.header-right{gap:.5rem}.mobile-menu-btn{display:block;color:#fff}.header-mobile-logo{display:block}.header-search,.theme-toggle-group{display:none}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:90;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-overlay.active{opacity:1;pointer-events:auto}.sidebar{transform:translate(-100%);box-shadow:none}.sidebar.mobile-open{transform:translate(0);box-shadow:10px 0 30px #00000080}.main-content{margin-left:0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.25rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:all var(--transition-base);font-family:inherit;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-success{background:linear-gradient(135deg,var(--success),#0d9668);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-success:hover:not(:disabled){box-shadow:0 6px 20px #10b98173;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,var(--error),#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-danger:hover:not(:disabled){box-shadow:0 6px 20px #ef444473;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover:not(:disabled){background:#ffffff0d;border-color:#fff3;transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 4px 12px #0228914d}.btn-accent:hover:not(:disabled){box-shadow:0 6px 20px #02289180;transform:translateY(-1px)}.swal2-confirm.swal2-styled{background-color:var(--primary)!important;color:#fff!important}@keyframes bounceFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulseDot{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}@keyframes shimmerBar{0%{background-position:-200% center}to{background-position:200% center}}@keyframes scanLaser{0%{top:5%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:95%;opacity:0}}@keyframes floatPhone{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:modalOverlayIn .2s ease}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;font-size:1.15rem;font-weight:600;color:var(--text-primary)}.modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:#ffffff0d;color:var(--text-primary)}.modal-body{padding:1.5rem;flex:1}.modal-actions{padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem;background:#0000001a;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}body.theme-light .modal-content,body.theme-mixed .modal-content{box-shadow:0 10px 40px #0000001a}body.theme-light .modal-close:hover,body.theme-mixed .modal-close:hover{background:#0000000d}body.theme-light .modal-actions,body.theme-mixed .modal-actions{background:#00000005}.login-alert-error{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-radius:10px;margin-bottom:1.25rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;font-size:.85rem;line-height:1.45}.theme-mixed .login-alert-error,.theme-light .login-alert-error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.login-ref-badge{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;border-radius:10px;margin-bottom:1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#34d399;font-size:.82rem;font-weight:600}.theme-mixed .login-ref-badge,.theme-light .login-ref-badge{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.login-form-compact{gap:.9rem}.login-strength{display:flex;align-items:center;gap:.6rem;margin-top:.45rem}.login-strength-bars{display:flex;gap:4px;flex:1}.login-strength-bars span{height:4px;flex:1;border-radius:4px;background:#94a3b840;transition:background .25s ease}.login-strength small{font-size:.72rem;font-weight:600;color:#94a3b8;min-width:40px;text-align:right}.login-strength.level-1 .login-strength-bars span:nth-child(1){background:#ef4444}.login-strength.level-1 small{color:#ef4444}.login-strength.level-2 .login-strength-bars span:nth-child(-n+2){background:#f59e0b}.login-strength.level-2 small{color:#f59e0b}.login-strength.level-3 .login-strength-bars span{background:#10b981}.login-strength.level-3 small{color:#10b981}.login-check-icon{position:absolute;right:12px;color:#10b981}.login-terms{font-size:.72rem;color:#64748b;text-align:center;line-height:1.5;margin-top:-.25rem}.turnstile-box{display:flex;justify-content:center;min-height:65px;margin:.15rem 0}.turnstile-box iframe{border-radius:10px}.login-social-proof{margin-top:2rem;display:flex;flex-direction:column;gap:.5rem;color:#ffffffa6;font-size:.82rem}.login-stars{display:flex;gap:2px;color:#fbbf24}.theme-light .login-social-proof{color:#475569}@media(max-width:768px){.login-social-proof{display:none}}.login-shield-badge{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#022891,#1d4ed8);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 32px #02289166}.login-method-btn{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;font-family:inherit;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.login-method-btn:disabled{opacity:.6;cursor:default}.login-method-btn span{display:flex;flex-direction:column;gap:2px}.login-method-btn strong{font-size:.95rem;font-weight:700}.login-method-btn small{font-size:.76rem;opacity:.75}.login-method-wa{border:1.5px solid rgba(37,211,102,.45);background:#25d36614;color:#22c55e}.login-method-wa:hover:not(:disabled){background:#25d36629;transform:translateY(-1px)}.login-method-mail{border:1.5px solid rgba(79,142,247,.45);background:#4f8ef714;color:#4f8ef7}.login-method-mail:hover:not(:disabled){background:#4f8ef729;transform:translateY(-1px)}.theme-mixed .login-method-wa,.theme-light .login-method-wa{background:#f0fdf4;border-color:#86efac;color:#15803d}.theme-mixed .login-method-mail,.theme-light .login-method-mail{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.login-otp-input{width:48px;height:58px;text-align:center;font-size:24px;font-weight:700;font-family:JetBrains Mono,Courier New,monospace;border-radius:12px;outline:none;transition:all .2s ease;caret-color:#4f8ef7;border:2px solid rgba(255,255,255,.15);background:#151d2e;color:#f1f5f9}.login-otp-input.filled{border-color:#4f8ef7;background:#02289140}.login-otp-input:focus{border-color:#4f8ef7;box-shadow:0 0 0 3px #4f8ef733}.theme-mixed .login-otp-input,.theme-light .login-otp-input{border-color:#cbd5e1;background:#fff;color:#0f172a}.theme-mixed .login-otp-input.filled,.theme-light .login-otp-input.filled{border-color:#022891;background:#eff6ff;color:#022891}.login-resend-hint{display:flex;align-items:center;justify-content:center;gap:8px;color:#94a3b8;font-size:14px}.theme-mixed .login-resend-hint,.theme-light .login-resend-hint{color:#64748b}.login-resend-btn{margin-top:8px;background:none;border:none;cursor:default;color:#64748b;font-size:14px;display:flex;align-items:center;gap:6px;justify-content:center;width:100%;font-family:inherit;transition:color .2s}.login-resend-btn.ready{color:#4f8ef7;cursor:pointer}.theme-mixed .login-resend-btn.ready,.theme-light .login-resend-btn.ready{color:#022891}.login-other-method{margin-top:16px;background:none;border:none;cursor:pointer;color:#64748b;font-size:13px;text-decoration:underline;font-family:inherit}.swal2-popup{font-family:Inter,-apple-system,sans-serif!important;border-radius:18px!important}.swal2-cancel.swal2-styled{background-color:#64748b!important;color:#fff!important}
