:root{--gold-300: #fcd34d;--gold-400: #fbbf24;--gold-500: #f59e0b;--gold-600: #d97706;--gold-glow: rgba(251, 191, 36, .35);--navy-50: #eef2ff;--navy-100: #c7d2fe;--navy-200: #a5b4fc;--navy-300: #818cf8;--navy-400: #4f46e5;--navy-500: #1e1b4b;--navy-600: #0f0e2a;--navy-700: #07061a;--navy-800: #030310;--glass-dark: rgba(255, 255, 255, .04);--glass-med: rgba(255, 255, 255, .08);--glass-light: rgba(255, 255, 255, .13);--border-dark: rgba(255, 255, 255, .07);--border-med: rgba(255, 255, 255, .12);--border-light:rgba(255, 255, 255, .2);--shadow-xs: 0 1px 3px rgba(0,0,0,.18);--shadow-sm: 0 4px 12px rgba(0,0,0,.22);--shadow-md: 0 8px 28px rgba(0,0,0,.3);--shadow-lg: 0 20px 56px rgba(0,0,0,.4);--shadow-xl: 0 32px 80px rgba(0,0,0,.55);--shadow-glow-gold: 0 0 40px rgba(251,191,36,.3), 0 0 80px rgba(251,191,36,.12);--r-xs: 6px;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-xl: 32px;--r-full: 9999px;--font-display: "Sora", "Inter", sans-serif;--font-body: "Inter", sans-serif}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmerMove{0%{background-position:-200% center}to{background-position:200% center}}@keyframes shineText{0%{background-position:0% center}to{background-position:200% center}}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-ring{0%{box-shadow:0 0 #fbbf2480,0 0 35px #fbbf2459}50%{box-shadow:0 0 0 12px #fbbf2400,0 0 55px #fbbf2433}to{box-shadow:0 0 #fbbf2400,0 0 35px #fbbf2459}}@keyframes bgDrift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gridPulse{0%,to{opacity:.35}50%{opacity:.55}}@keyframes ambientGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes borderGlow{0%,to{border-color:#ffffff1a}50%{border-color:#fbbf2440}}@keyframes inputFocusIn{0%{transform:translateY(0);box-shadow:none}to{transform:translateY(-2px)}}@keyframes btnLoadingPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes rotateGradient{0%{--angle: 0deg}to{--angle: 360deg}}@keyframes glowOrb1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.12)}66%{transform:translate(-20px,20px) scale(.95)}}@keyframes glowOrb2{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-35px,25px) scale(1.08)}70%{transform:translate(20px,-15px) scale(1.05)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.login-root{min-height:100vh;display:flex;align-items:stretch;background:radial-gradient(ellipse 90% 70% at 65% 35%,#0d1f4a 0%,transparent 65%),radial-gradient(ellipse 60% 50% at 15% 75%,#1a0a2e 0%,transparent 60%),linear-gradient(135deg,#030712,#0a0f1e 40%,#0c1226,#070b18);background-size:400% 400%;animation:fadeIn .5s ease,bgDrift 20s ease infinite;position:relative;overflow:hidden}.login-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 75% 60% at 68% 38%,rgba(16,40,100,.65) 0%,transparent 65%),radial-gradient(ellipse 45% 40% at 18% 78%,rgba(120,60,200,.1) 0%,transparent 55%),radial-gradient(ellipse 35% 30% at 85% 85%,rgba(251,191,36,.06) 0%,transparent 50%),radial-gradient(ellipse 50% 35% at 10% 10%,rgba(30,60,120,.25) 0%,transparent 50%);animation:ambientGlow 12s ease-in-out infinite;pointer-events:none;z-index:0}.login-root:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:52px 52px;animation:gridPulse 8s ease-in-out infinite;pointer-events:none;z-index:0}.login-root .cursor-ring,.login-root .cursor-dot{z-index:99999}.login-brand{flex:1;display:flex;flex-direction:column;justify-content:center;padding:72px 64px;position:relative;z-index:2}.login-brand:after{content:"";position:absolute;top:10%;right:0;width:1px;height:80%;background:linear-gradient(to bottom,transparent,rgba(251,191,36,.18) 30%,rgba(251,191,36,.28) 50%,rgba(251,191,36,.18) 70%,transparent)}.brand-eyebrow{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-400);margin-bottom:22px;display:flex;align-items:center;gap:10px;opacity:0;animation:fadeSlideUp .6s ease .2s forwards}.brand-eyebrow:before{content:"";display:inline-block;width:28px;height:2px;background:linear-gradient(90deg,var(--gold-500),var(--gold-300));border-radius:1px}.brand-name{font-family:var(--font-display);font-size:clamp(52px,5.5vw,88px);font-weight:900;line-height:.92;letter-spacing:-3px;background:linear-gradient(135deg,#fff,#e2e8f0,#fbbf24 40%,#fde68a 55%,#f59e0b 68%,#fff 85%,#fbbf24);background-size:240% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:shineText 6s linear infinite,fadeSlideUp .7s ease .3s both;margin-bottom:18px}.brand-sub{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.75;color:#c7d2febf;max-width:480px;margin-bottom:44px;opacity:0;animation:fadeSlideUp .6s ease .4s forwards}.brand-divider{width:56px;height:3px;background:linear-gradient(90deg,var(--gold-500),var(--gold-300),transparent);border-radius:2px;margin-bottom:38px;opacity:0;animation:fadeSlideUp .6s ease .45s forwards}.brand-features{list-style:none;display:flex;flex-direction:column;gap:13px;opacity:0;animation:fadeSlideUp .6s ease .5s forwards}.brand-features li{display:flex;align-items:center;gap:13px;font-size:13.5px;font-weight:400;color:#c7d2feb3;line-height:1.4;transition:color .25s ease}.brand-features li:hover{color:#ffffffe6}.feature-dot{width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,var(--gold-300),var(--gold-500));flex-shrink:0;box-shadow:0 0 8px #fbbf248c}.erp-stats{display:flex;gap:16px;margin-top:52px;flex-wrap:wrap;opacity:0;animation:fadeSlideUp .6s ease .6s forwards}.stat-card{position:relative;width:162px;padding:22px 20px;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#ffffff13,#ffffff06);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.09);transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s ease,border-color .4s ease;cursor:default;will-change:transform}.stat-card:before{content:"";position:absolute;width:100px;height:100px;top:-40px;right:-30px;border-radius:50%;background:#ffffff0f;transition:transform .5s ease}.stat-card:hover{transform:translateY(-10px) scale(1.04);box-shadow:0 28px 56px #00000080,0 0 1px #ffffff1f}.stat-card:hover:before{transform:scale(1.4) translate(5px,-5px)}.stat-card:nth-child(1){border-color:#10b98147;animation:floating 5s ease-in-out infinite}.stat-card:nth-child(1):hover{border-color:#10b9818c;box-shadow:0 28px 56px #00000080,0 0 25px #10b98133}.stat-card:nth-child(1) h3{color:#10b981}.stat-card:nth-child(2){border-color:#3b82f647;animation:floating 5s ease-in-out 1s infinite}.stat-card:nth-child(2):hover{border-color:#3b82f68c;box-shadow:0 28px 56px #00000080,0 0 25px #3b82f633}.stat-card:nth-child(2) h3{color:#3b82f6}.stat-card:nth-child(3){border-color:#f59e0b47;animation:floating 5s ease-in-out 2s infinite}.stat-card:nth-child(3):hover{border-color:#f59e0b8c;box-shadow:0 28px 56px #00000080,0 0 25px #f59e0b33}.stat-card:nth-child(3) h3{color:#f59e0b}.stat-icon{margin-bottom:14px}.stat-card h3{font-family:var(--font-display);font-size:26px;font-weight:800;line-height:1;margin-bottom:4px}.stat-card p{font-size:11px;font-weight:600;color:#c7d2fe8c;text-transform:uppercase;letter-spacing:.1em}.login-form-panel{width:560px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:52px 44px;position:relative;z-index:2;background:linear-gradient(160deg,#ffffff0e,#ffffff05 60%,#ffffff01);border-left:1px solid rgba(255,255,255,.075);backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);box-shadow:-24px 0 72px #00000061}.login-form-panel:before{content:"";position:absolute;top:0;left:-1px;right:-1px;height:2px;background:linear-gradient(90deg,transparent,rgba(251,191,36,.5) 40%,rgba(251,191,36,.7) 50%,rgba(251,191,36,.5) 60%,transparent);z-index:3}.login-card{width:100%;max-width:460px;padding:44px 40px 36px;border-radius:26px;background:linear-gradient(148deg,#ffffff1a,#ffffff0a,#ffffff14);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:0 2px 4px #0000001f,0 8px 24px #00000038,0 28px 64px #0000005c,inset 0 1px #ffffff24,inset 0 -1px #0000001a;animation:fadeSlideUp .7s cubic-bezier(.16,1,.3,1) .15s both;transition:box-shadow .4s ease,transform .4s ease;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45) 40%,rgba(255,255,255,.65) 50%,rgba(255,255,255,.45) 60%,transparent);z-index:1}.login-card:hover{box-shadow:0 2px 4px #00000024,0 10px 28px #00000042,0 36px 80px #0000006b,0 0 60px #fbbf240f,inset 0 1px #ffffff2e,inset 0 -1px #0000001a;transform:translateY(-2px)}.card-header{margin-bottom:38px;position:relative;z-index:1}.card-logo-mark{width:68px;height:68px;border-radius:18px;background:linear-gradient(135deg,var(--gold-500) 0%,var(--gold-300) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:28px;box-shadow:0 0 0 1px #fbbf244d,0 4px 16px #fbbf244d,0 0 40px #fbbf2433;animation:pulse-ring 3.5s ease-in-out infinite;position:relative}.card-logo-mark:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:21px;background:transparent;border:1px solid rgba(251,191,36,.2)}.card-logo-mark svg{width:28px;height:28px;fill:#0a0f1e;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.card-title{font-family:var(--font-display);font-size:26px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.4px;line-height:1.2}.card-subtitle{font-size:13.5px;font-weight:400;color:#c7d2fea6;line-height:1.55}.form-group{margin-bottom:20px;position:relative}.form-label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#c7d2fecc;margin-bottom:9px}.input-wrapper{position:relative}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8b3;display:flex;align-items:center;pointer-events:none;transition:color .25s ease;z-index:2}.input-wrapper:focus-within .input-icon{color:var(--gold-400)}.form-input{width:100%;height:54px;padding:0 18px 0 48px;background:linear-gradient(145deg,#ffffff13,#ffffff0a);border:1px solid rgba(255,255,255,.09);border-radius:12px;font-size:14.5px;font-family:var(--font-body);font-weight:400;color:#fff;transition:border-color .25s ease,background .25s ease,box-shadow .3s ease,transform .25s ease;position:relative;z-index:1}.form-input::placeholder{color:#94a3b873;font-weight:400}.form-input:hover{border-color:#ffffff29;background:linear-gradient(145deg,#ffffff17,#ffffff0d)}.form-input:focus{outline:none;border-color:#fbbf248c;background:linear-gradient(145deg,#ffffff1a,#ffffff0f);box-shadow:0 0 0 3px #fbbf2424,0 4px 16px #00000038,inset 0 1px #ffffff1a;transform:translateY(-1px)}.form-input.input-error{border-color:#ef4444a6!important;background:#ef444412!important;box-shadow:0 0 0 3px #ef44441f!important}.error-alert{display:flex;align-items:flex-start;gap:11px;padding:13px 16px;background:linear-gradient(135deg,#dc262624,#ef444414);border:1px solid rgba(239,68,68,.32);border-radius:11px;margin-bottom:22px;animation:fadeSlideUp .28s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #ef44441f,inset 0 1px #ffffff0f}.error-alert-icon{flex-shrink:0;color:#f87171;margin-top:1px}.error-alert-text{font-size:13px;font-weight:500;color:#fca5a5;line-height:1.5}.btn-login{width:100%;height:56px;margin-top:10px;border:none;border-radius:var(--r-full);position:relative;overflow:hidden;font-family:var(--font-body);font-size:14.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#111827;z-index:1;cursor:pointer;transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .35s ease,color .3s ease;box-shadow:0 4px 14px #0006,0 1px 3px #00000040,inset 0 1px 1px #ffffff14,inset 0 -1px 1px #00000026}.btn-login:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-full);background:linear-gradient(100deg,#d97706,#f59e0b 35%,#fbbf24 60%,#fde68a,#f59e0b);background-size:200% auto;width:0%;height:100%;transition:width .45s cubic-bezier(.23,1,.32,1);z-index:-1}.btn-login:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:skew(-15deg);transition:left .55s ease;z-index:2;pointer-events:none}.btn-login:hover:before{width:100%}.btn-login:hover:after{left:130%}.btn-login:hover{color:#0a0f1e;transform:translateY(-3px);box-shadow:0 8px 28px #00000059,0 20px 48px #f59e0b61,0 0 60px #fbbf2433,inset 0 1px 1px #ffffff26}.btn-login:active{transform:scale(.975) translateY(-1px);box-shadow:0 4px 14px #0000004d,0 10px 28px #f59e0b47}.btn-login:focus-visible{outline:2px solid var(--gold-400);outline-offset:3px}.btn-login:disabled{opacity:.52;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #00000040;animation:btnLoadingPulse 1.6s ease-in-out infinite}.btn-login-inner{display:flex;align-items:center;justify-content:center;gap:9px;position:relative;z-index:3;pointer-events:none}.login-footer{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07);text-align:center;font-size:11.5px;font-weight:500;color:#94a3b88c;letter-spacing:.02em}.cursor-dot{position:fixed;width:7px;height:7px;border-radius:50%;background:var(--gold-400);pointer-events:none;z-index:99999;box-shadow:0 0 8px #fbbf24cc;transition:transform .1s ease}.cursor-ring{position:fixed;width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(251,191,36,.6);background:#fbbf240a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;z-index:99998;transition:transform .12s ease,width .2s ease,height .2s ease,border-color .2s ease}.theme-toggle{position:absolute;top:28px;right:36px;z-index:9999}#checkbox{display:none}.switch{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:linear-gradient(145deg,#ffffff14,#ffffff08);border:1.5px solid rgba(255,255,255,.12);transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,transform .25s ease;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff1a}.switch svg{width:22px;height:22px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.switch svg path{fill:#ffffffd9;transition:fill .3s ease}.switch:hover{transform:scale(1.08);border-color:#fbbf2459;box-shadow:0 0 20px #fbbf2440,0 4px 16px #0000004d}.switch:hover svg path{fill:var(--gold-400)}#checkbox:checked+.switch{background:linear-gradient(145deg,#38bdf826,#0ea5e914);border-color:#38bdf873;box-shadow:0 0 24px #38bdf84d,0 4px 16px #0000004d}#checkbox:checked+.switch svg{transform:rotate(25deg)}.light-theme{--bg-primary: #f8fafc;--text-primary: #0f172a}.light-theme.login-root{background:radial-gradient(ellipse 80% 60% at 65% 35%,#dbeafe 0%,transparent 60%),radial-gradient(ellipse 50% 45% at 15% 75%,#ede9fe 0%,transparent 55%),linear-gradient(145deg,#f8fafc,#f1f5f9 40%,#e8f0fe,#f8fafc);animation:fadeIn .5s ease}.light-theme.login-root:before{background:radial-gradient(ellipse 70% 55% at 65% 35%,rgba(59,130,246,.1) 0%,transparent 60%),radial-gradient(ellipse 45% 38% at 15% 75%,rgba(139,92,246,.07) 0%,transparent 55%),radial-gradient(ellipse 35% 30% at 85% 85%,rgba(245,158,11,.06) 0%,transparent 50%);animation:ambientGlow 14s ease-in-out infinite}.light-theme.login-root:after{background-image:linear-gradient(rgba(15,23,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 1px);background-size:52px 52px}.light-theme .login-brand:after{background:linear-gradient(to bottom,transparent,rgba(245,158,11,.22) 30%,rgba(245,158,11,.35) 50%,rgba(245,158,11,.22) 70%,transparent)}.light-theme .brand-eyebrow{color:#b45309}.light-theme .brand-eyebrow:before{background:linear-gradient(90deg,#d97706,#f59e0b)}.light-theme .brand-name{background:linear-gradient(135deg,#0f172a,#1e3a5f 20%,#b45309 38%,#d97706 52%,#92400e 65%,#1e3a5f 80%,#0f172a);background-size:240% auto;background-clip:text;-webkit-background-clip:text;color:transparent}.light-theme .brand-sub{color:#475569}.light-theme .brand-features li{color:#64748b!important}.light-theme .brand-features li:hover{color:#1e293b!important}.light-theme .feature-dot{background:radial-gradient(circle,#f59e0b,#d97706);box-shadow:0 0 6px #f59e0b73}.light-theme .stat-card{background:linear-gradient(145deg,#ffffffe6,#f8fafcd9);border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 20px #0f172a14,0 1px 4px #0f172a0f}.light-theme .stat-card:hover{box-shadow:0 16px 40px #0f172a24,0 4px 12px #0f172a14}.light-theme .stat-card p{color:#64748b}.light-theme .login-form-panel{background:linear-gradient(160deg,#ffffffb3,#f8fafc99);border-left:1px solid rgba(226,232,240,.7);backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);box-shadow:-24px 0 72px #0f172a1a}.light-theme .login-form-panel:before{background:linear-gradient(90deg,transparent,rgba(245,158,11,.55) 40%,rgba(245,158,11,.75) 50%,rgba(245,158,11,.55) 60%,transparent)}.light-theme .login-card{background:linear-gradient(148deg,#fffffffa,#f8fafcf2);border:1px solid rgba(226,232,240,.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 2px 4px #0f172a0f,0 8px 24px #0f172a1a,0 24px 56px #0f172a24,inset 0 1px #fff}.light-theme .login-card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.9) 40%,rgba(255,255,255,1) 50%,rgba(255,255,255,.9) 60%,transparent)}.light-theme .login-card:hover{box-shadow:0 2px 4px #0f172a12,0 10px 28px #0f172a1f,0 32px 72px #0f172a29,0 0 50px #f59e0b0f,inset 0 1px #fff}.light-theme .card-title{color:#0f172a!important}.light-theme .card-subtitle{color:#64748b!important}.light-theme .card-logo-mark{box-shadow:0 0 0 1px #f59e0b59,0 4px 16px #f59e0b47,0 0 36px #f59e0b29}.light-theme .form-label{color:#374151!important}.light-theme .form-input{background:linear-gradient(145deg,#fff,#f8fafc)!important;border:1px solid #d1d5db!important;color:#0f172a!important;box-shadow:0 1px 3px #0f172a0f,inset 0 1px 2px #0f172a0a}.light-theme .form-input::placeholder{color:#9ca3af!important}.light-theme .form-input:hover{border-color:#9ca3af!important;background:#fff!important}.light-theme .form-input:focus{border-color:#d97706!important;background:#fff!important;box-shadow:0 0 0 3px #d9770621,0 4px 16px #0f172a1a,inset 0 1px #fff!important}.light-theme .input-icon{color:#94a3b8!important}.light-theme .input-wrapper:focus-within .input-icon{color:#d97706!important}.light-theme .error-alert{background:linear-gradient(135deg,#dc262614,#fef2f2f2);border:1px solid rgba(220,38,38,.25);box-shadow:0 2px 8px #dc262614}.light-theme .error-alert-text{color:#b91c1c}.light-theme .error-alert-icon{color:#dc2626}.light-theme .btn-login{background:linear-gradient(135deg,#1e293b,#0f172a)!important;color:#fff!important;border:none!important;box-shadow:0 4px 14px #0f172a4d,0 1px 3px #0f172a33,inset 0 1px #ffffff1a!important}.light-theme .btn-login:before{background:linear-gradient(100deg,#d97706,#f59e0b,#fbbf24,#fde68a,#f59e0b)!important}.light-theme .btn-login:hover{color:#0f172a!important;box-shadow:0 8px 24px #0f172a40,0 20px 48px #f59e0b59,0 0 50px #fbbf242e!important}.light-theme .btn-login-inner{color:inherit!important}.light-theme .login-footer{color:#94a3b8!important;border-top-color:#0f172a14!important}.light-theme .switch{background:linear-gradient(145deg,#fff,#f1f5f9);border:1.5px solid #d1d5db;box-shadow:0 2px 8px #0f172a1f,inset 0 1px #fff}.light-theme .switch svg path{fill:#374151}.light-theme .switch:hover{border-color:#d97706;box-shadow:0 0 16px #f59e0b38,0 2px 8px #0f172a1f}.light-theme .cursor-dot{background:#d97706;box-shadow:0 0 8px #d97706b3}.light-theme .cursor-ring{border-color:#d977068c;background:#d977060a}@media (max-width: 1100px){.login-brand{padding:64px 48px}.login-form-panel{width:500px;padding:44px 36px}}@media (max-width: 900px){.brand-name{font-size:clamp(42px,6vw,72px)}.login-form-panel{width:460px}.erp-stats{flex-wrap:wrap}.stat-card{width:140px}}@media (max-width: 768px){.login-root{flex-direction:column;align-items:stretch;justify-content:flex-start}.login-brand{display:none}.login-form-panel{width:100%;flex:1;border-left:none;padding:52px 28px;background:linear-gradient(160deg,#ffffff0a,#ffffff03);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:none}.login-form-panel:before{display:none}.login-card{max-width:100%;padding:36px 28px 28px}.theme-toggle{top:20px;right:20px}.card-title{font-size:22px}}@media (max-width: 480px){.login-form-panel{padding:44px 20px 36px}.login-card{padding:30px 22px 24px;border-radius:20px}.card-logo-mark{width:58px;height:58px;border-radius:15px}.card-title{font-size:20px}.form-input{height:50px;font-size:14px}.btn-login{height:52px;font-size:13.5px}}@media (max-width: 360px){.login-card{padding:26px 18px 20px}}.form-input:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px}.switch:focus-visible{outline:2px solid var(--gold-400);outline-offset:3px}.stat-card p{color:#64748b!important}.stat-card:nth-child(1) p{color:#10b981!important}.stat-card:nth-child(2) p{color:#3b82f6!important}.stat-card:nth-child(3) p{color:#f59e0b!important}.light-theme .stat-card p{color:#475569!important}.light-theme .stat-card:nth-child(1) p{color:#059669!important}.light-theme .stat-card:nth-child(2) p{color:#2563eb!important}.light-theme .stat-card:nth-child(3) p{color:#d97706!important}.welcome-root{min-height:100vh;background:var(--slate-100);display:flex;flex-direction:column;animation:fadeIn .35s ease}.topbar{height:60px;background:var(--navy-900);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 2px 16px #0a0f1e66}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-logo-mark{width:32px;height:32px;background:linear-gradient(135deg,var(--amber-500),var(--amber-300));border-radius:6px;display:flex;align-items:center;justify-content:center}.topbar-logo-mark svg{width:18px;height:18px;fill:var(--navy-950)}.topbar-brand{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--white);letter-spacing:.01em}.topbar-brand span{font-weight:400;color:var(--navy-200);font-size:13px;margin-left:8px}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-user{display:flex;align-items:center;gap:8px}.user-avatar{width:32px;height:32px;background:var(--navy-700);border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--navy-100);letter-spacing:.05em}.user-name{font-size:13px;font-weight:500;color:var(--navy-100)}.btn-logout{display:flex;align-items:center;gap:7px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:13px;font-weight:600;color:var(--navy-100);transition:background .2s,border-color .2s,color .2s,transform .15s}.btn-logout:hover{background:#dc262626;border-color:#dc262666;color:#fca5a5;transform:translateY(-1px)}.btn-logout:active{transform:translateY(0)}.welcome-content{flex:1;padding:40px 32px;max-width:1200px;width:100%;margin:0 auto}.welcome-hero{background:linear-gradient(135deg,var(--navy-900) 0%,var(--navy-800) 40%,var(--navy-700) 100%);border-radius:var(--radius-lg);padding:48px 52px;margin-bottom:32px;position:relative;overflow:hidden;animation:fadeSlideUp .5s ease .1s both;box-shadow:var(--shadow-card)}.welcome-hero:before{content:"";position:absolute;top:-40px;right:-40px;width:280px;height:280px;background:radial-gradient(circle,rgba(212,135,10,.15) 0%,transparent 70%);pointer-events:none}.welcome-hero:after{content:"";position:absolute;bottom:0;right:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.hero-eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--amber-400);margin-bottom:14px;display:flex;align-items:center;gap:8px}.hero-eyebrow:before{content:"";display:inline-block;width:20px;height:2px;background:var(--amber-400);border-radius:1px}.hero-heading{font-family:var(--font-display);font-size:clamp(26px,3.5vw,40px);font-weight:700;color:var(--white);line-height:1.15;margin-bottom:20px;position:relative;z-index:1}.hero-body{font-size:15px;line-height:1.7;color:var(--navy-100);max-width:600px;position:relative;z-index:1}.hero-cta-row{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1}.btn-primary{padding:11px 24px;background:linear-gradient(135deg,var(--amber-500),var(--amber-400));color:var(--navy-950);font-size:13px;font-weight:700;border-radius:6px;transition:opacity .2s,transform .15s,box-shadow .2s}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 14px #d4870a66}.btn-outline{padding:11px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:var(--navy-100);font-size:13px;font-weight:600;border-radius:6px;transition:background .2s,border-color .2s,transform .15s}.btn-outline:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px)}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;animation:fadeSlideUp .5s ease .2s both}.stat-card{background:var(--white);border-radius:var(--radius-md);padding:24px 20px;box-shadow:0 1px 6px #0000000f;border:1px solid var(--slate-300);transition:box-shadow .2s,transform .2s}.stat-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.stat-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.stat-icon.amber{background:var(--amber-100);color:var(--amber-500)}.stat-icon.navy{background:var(--navy-50);color:var(--navy-600)}.stat-icon.green{background:#dcfce7;color:#15803d}.stat-icon.blue{background:#eff6ff;color:#1d4ed8}.stat-value{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--navy-900);line-height:1;margin-bottom:4px}.stat-label{font-size:12px;font-weight:500;color:var(--slate-500);text-transform:uppercase;letter-spacing:.06em}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;animation:fadeSlideUp .5s ease .3s both}.info-card{background:var(--white);border-radius:var(--radius-md);padding:28px;border:1px solid var(--slate-300);box-shadow:0 1px 6px #0000000d}.info-card-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--slate-100)}.info-card-icon{width:36px;height:36px;background:var(--navy-50);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--navy-600)}.info-card-title{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--navy-900)}.module-list{list-style:none;display:flex;flex-direction:column;gap:10px}.module-item{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:10px 12px;background:var(--slate-100);border-radius:6px;color:var(--slate-700);font-weight:500;transition:background .15s}.module-item:hover{background:var(--navy-50)}.module-badge{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:20px}.badge-amber{background:var(--amber-100);color:var(--amber-500)}.badge-navy{background:var(--navy-50);color:var(--navy-600)}.step-list{list-style:none;display:flex;flex-direction:column;gap:14px}.step-item{display:flex;gap:14px;align-items:flex-start}.step-num{width:24px;height:24px;border-radius:50%;background:var(--navy-800);color:var(--amber-400);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.step-text strong{display:block;font-size:13px;font-weight:600;color:var(--navy-900);margin-bottom:2px}.step-text span{font-size:12px;color:var(--slate-500);line-height:1.4}.statusbar{height:36px;background:var(--navy-950);display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-top:1px solid rgba(255,255,255,.05)}.statusbar-left{display:flex;align-items:center;gap:20px}.status-pill{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--navy-400);font-weight:500}.status-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e99}.statusbar-right{font-size:11px;color:var(--navy-400)}@media (max-width: 1024px){.stats-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.welcome-content{padding:24px 16px}.welcome-hero{padding:32px 28px}.info-grid{grid-template-columns:1fr}.topbar-brand span,.user-name{display:none}.stats-strip{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 480px){.stats-strip{grid-template-columns:1fr 1fr}.hero-heading{font-size:22px}.statusbar-left{gap:12px}}.tooltip-wrapper{position:relative;display:inline-block}.contact-tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%) translateY(10px);min-width:220px;padding:12px 16px;background:#111827;color:#fff;border-radius:12px;font-size:14px;text-align:center;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 10px 30px #0000004d;z-index:999}.contact-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:#111827 transparent transparent transparent}.tooltip-wrapper:hover .contact-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy-950: #0a0f1e;--navy-900: #0d1526;--navy-800: #111f3d;--navy-700: #1a2f57;--navy-600: #1e3a6e;--navy-400: #3d5a99;--navy-200: #8aa8d4;--navy-100: #c4d4ec;--navy-50: #edf1f9;--amber-500: #d4870a;--amber-400: #e8980f;--amber-300: #f5b03a;--amber-100: #fdf0d5;--slate-700: #374151;--slate-500: #6b7280;--slate-300: #d1d5db;--slate-100: #f3f4f6;--white: #ffffff;--success: #16a34a;--error: #dc2626;--error-bg: #fef2f2;--font-display: "Sora", sans-serif;--font-body: "Inter", sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-card: 0 4px 24px rgba(10, 15, 30, .18);--shadow-btn: 0 2px 8px rgba(10, 15, 30, .25);--shadow-inset: inset 0 1px 3px rgba(10, 15, 30, .08)}html,body,#root{height:100%;font-family:var(--font-body);color:var(--slate-700);-webkit-font-smoothing:antialiased}body{background:var(--navy-950)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input{font-family:var(--font-body)}a{color:inherit;text-decoration:none}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse-ring{0%{box-shadow:0 0 #d4870a66}70%{box-shadow:0 0 0 10px #d4870a00}to{box-shadow:0 0 #d4870a00}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}