@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";:root{--font-family:"Inter", system-ui, -apple-system, sans-serif;--bg-color:#f4f6fa;--bg-card:#ffffffb3;--text-primary:#1e293b;--text-secondary:#64748b;--primary-color:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--white:#fff;--border-color:#e2e8f0;--error-color:#ef4444;--input-bg:#f8fafc;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-blue:0 10px 15px -3px #2563eb33, 0 4px 6px -2px #2563eb1a;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.login-wrapper{color:#f8fafc;background:linear-gradient(135deg,#070a12 0%,#0f172a 50%,#030712 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.login-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.bg-spotlight{pointer-events:none;z-index:0;background:radial-gradient(circle,#0ea5e91f 0%,#38bdf808 45%,#0000 70%);width:650px;height:650px;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.bg-grid{pointer-events:none;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 20%,#0000 75%);mask-image:radial-gradient(circle at 50% 45%,#000 20%,#0000 75%)}.login-box{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:2rem 1.5rem;display:flex}.login-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:2rem;transition:all .85s cubic-bezier(.16,1,.3,1);display:flex}.logo-brand-row{align-items:center;gap:.75rem;margin-bottom:.65rem;transition:transform .85s cubic-bezier(.16,1,.3,1),filter .85s cubic-bezier(.16,1,.3,1);display:flex}.animated-splash-logo{flex-shrink:0;width:42px;height:42px;transition:transform .85s cubic-bezier(.16,1,.3,1),filter .85s cubic-bezier(.16,1,.3,1)}.brand-subtitle{color:#64748b;margin:0;font-size:.85rem;transition:opacity .6s,transform .6s}.animated-splash-header{text-align:center;will-change:transform, opacity;flex-direction:column;align-items:center;margin-bottom:2rem;animation:3.2s cubic-bezier(.22,1,.36,1) forwards splashHeaderGlide;display:flex}.animated-splash-logo-row{will-change:transform, filter;align-items:center;gap:.75rem;margin-bottom:.65rem;animation:3.2s cubic-bezier(.22,1,.36,1) forwards splashLogoScale;display:flex}.animated-splash-icon{flex-shrink:0;width:42px;height:42px}.splash-title{color:#f8fafc;letter-spacing:-.02em;margin:0;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800}.animated-splash-subtitle{color:#64748b;margin:0;font-size:.85rem;animation:3.2s cubic-bezier(.22,1,.36,1) forwards splashSubtitleFade}.animated-splash-card{-webkit-backdrop-filter:blur(16px);will-change:opacity, transform;background:#0f172ab3;border:1px solid #ffffff14;border-radius:14px;width:100%;padding:2rem;animation:3.2s cubic-bezier(.22,1,.36,1) forwards splashCardFade;box-shadow:0 20px 40px -15px #0009,inset 0 0 0 1px #ffffff08}@keyframes splashHeaderGlide{0%{opacity:0;transform:translateY(145px)}15%{opacity:1;transform:translateY(140px)}65%{opacity:1;transform:translateY(140px)}to{opacity:1;transform:translateY(0)}}@keyframes splashLogoScale{0%{filter:drop-shadow(0 0 10px #38bdf84d);transform:scale(1.6)}15%{filter:drop-shadow(0 0 32px #38bdf8a6);transform:scale(1.85)}65%{filter:drop-shadow(0 0 32px #38bdf8a6);transform:scale(1.85)}to{filter:drop-shadow(0 0 #0000);transform:scale(1)}}@keyframes splashSubtitleFade{0%{opacity:0;transform:translateY(8px)}20%{opacity:.85;transform:translateY(8px)}65%{opacity:.85;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes splashCardFade{0%{opacity:0;pointer-events:none;transform:translateY(30px)scale(.97)}68%{opacity:0;pointer-events:none;transform:translateY(24px)scale(.97)}to{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}}@keyframes logoPulseCenter{0%{filter:drop-shadow(0 0 18px #38bdf859);transform:scale(1)}to{filter:drop-shadow(0 0 38px #38bdf8bf);transform:scale(1.05)}}.login-card{-webkit-backdrop-filter:blur(16px);background:#0f172ab3;border:1px solid #ffffff14;border-radius:14px;width:100%;padding:2rem;transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 40px -15px #0009,inset 0 0 0 1px #ffffff08}.card-heading h2{color:#f8fafc;margin:0 0 .35rem;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700}.card-heading p{color:#94a3b8;margin:0 0 1.5rem;font-size:.84rem;line-height:1.4}.login-error-alert{color:#f87171;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;margin-bottom:1.25rem;padding:.65rem .85rem;font-size:.82rem;font-weight:500}.login-form{flex-direction:column;gap:1.1rem;display:flex}.form-field{flex-direction:column;gap:.4rem;display:flex}.form-field label{color:#cbd5e1;font-size:.78rem;font-weight:600}.input-control{align-items:center;display:flex;position:relative}.field-icon{color:#64748b;pointer-events:none;transition:color .2s;position:absolute;left:.85rem}.input-control input{color:#f8fafc;background:#0f172a;border:1px solid #1e293b;border-radius:8px;outline:none;width:100%;padding:.75rem .85rem .75rem 2.6rem;font-family:inherit;font-size:.88rem;transition:all .2s}.input-control input::placeholder{color:#475569}.input-control input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.input-control input:focus~.field-icon,.input-control:focus-within .field-icon{color:#38bdf8}.input-control input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 30px #0f172a!important}.input-control input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 30px #0f172a!important}.input-control input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 30px #0f172a!important}.input-control input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 30px #0f172a!important}.toggle-pass{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem;transition:color .2s;display:flex;position:absolute;right:.75rem}.toggle-pass:hover{color:#cbd5e1}.form-checkbox{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;margin-top:.15rem;font-size:.78rem;display:flex}.check-icon{color:#475569;flex-shrink:0;transition:color .2s}.check-icon.active{color:#38bdf8}.form-checkbox a{color:#38bdf8;font-weight:500;text-decoration:none}.form-checkbox a:hover{text-decoration:underline}.submit-btn{color:#fff;cursor:pointer;background:#0284c7;border:1px solid #0369a1;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.75rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #0284c740}.submit-btn:hover:not(:disabled){background:#0369a1;border-color:#075985;box-shadow:0 4px 12px #0284c759}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.65;cursor:not-allowed}.loading-state{font-size:.85rem}.login-footer{color:#475569;text-align:center;margin-top:1.75rem;font-size:.73rem}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#020617d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.modal-card{background:#0f172a;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;width:100%;max-width:620px;max-height:85vh;display:flex;box-shadow:0 25px 50px -12px #000000b3}.modal-header{border-bottom:1px solid #ffffff14;padding:1.25rem 1.5rem}.modal-title-box{align-items:center;gap:.75rem;display:flex}.modal-icon.text-sky{color:#38bdf8}.modal-icon.text-emerald{color:#34d399}.modal-title-box h3{color:#f8fafc;margin:0;font-size:1.05rem;font-weight:700}.modal-title-box p{color:#64748b;margin:.15rem 0 0;font-size:.75rem}.modal-body{color:#cbd5e1;flex-direction:column;flex:1;gap:1rem;padding:1.5rem;font-size:.84rem;line-height:1.6;display:flex;overflow-y:auto}.modal-callout{border-radius:6px;padding:.75rem 1rem;font-size:.8rem}.callout-sky{color:#e2e8f0;background:#38bdf814;border-left:3px solid #38bdf8}.callout-emerald{color:#e2e8f0;background:#34d39914;border-left:3px solid #34d399}.modal-body h4{color:#f8fafc;margin:0 0 .35rem;font-size:.9rem;font-weight:600}.modal-body p{margin:0}.modal-footer{border-top:1px solid #ffffff14;justify-content:flex-end;padding:1rem 1.5rem;display:flex}.modal-close-btn{color:#f8fafc;cursor:pointer;background:#334155;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.82rem;font-weight:600;transition:background .2s}.modal-close-btn:hover{background:#475569}.App{width:100%;min-height:100vh}@keyframes spin{to{transform:rotate(360deg)}}