:root{--primary-500: #3b82f6;--primary-400: #60a5fa;--primary-300: #93c5fd;--primary-200: #bfdbfe;--primary-100: #dbeafe;--primary-50: #eff6ff;--success-500: #10b981;--success-100: #d1fae5;--gray-900: #111827;--gray-800: #1f2937;--gray-700: #374151;--gray-600: #4b5563;--gray-500: #6b7280;--gray-400: #9ca3af;--gray-300: #d1d5db;--gray-200: #e5e7eb;--gray-100: #f3f4f6;--gray-50: #f9fafb}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 30px #3b82f633}50%{box-shadow:0 0 60px #3b82f666}}@keyframes slide-in-elegant{0%{transform:translateY(50px) translate(20px) scale(.95);opacity:0}to{transform:translateY(0) translate(0) scale(1);opacity:1}}@keyframes fade-in-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}body{background:linear-gradient(135deg,#1e293b,#334155,#475569,#64748b,#94a3b8);background-size:400% 400%;animation:gradient-shift 12s ease infinite;min-height:100vh;overflow-x:hidden;position:relative;font-family:Inter,Segoe UI,system-ui,sans-serif}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 25% 25%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.06) 0%,transparent 50%);pointer-events:none;z-index:-2}body:after{content:"";position:fixed;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 40px 70px,rgba(59,130,246,.3),transparent),radial-gradient(1px 1px at 90px 40px,rgba(16,185,129,.25),transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.15),transparent);background-size:180px 180px;animation:float 25s ease-in-out infinite;pointer-events:none;z-index:-1}.filament-login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;position:relative}.filament-login-page main{width:100%;max-width:460px;margin:0 auto;animation:slide-in-elegant .8s cubic-bezier(.16,1,.3,1) forwards;position:relative;z-index:10}.filament-login-page .fi-simple-main{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:32px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #fff3,inset 0 1px #fff6;padding:3rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.filament-login-page .fi-simple-main:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.6),transparent)}.filament-login-page .fi-simple-main:hover{transform:translateY(-8px);box-shadow:0 35px 70px -12px #0000004d,0 0 0 1px #ffffff4d,inset 0 1px #ffffff80}.filament-login-page .fi-logo{margin-bottom:2rem;animation:fade-in-up .8s ease-out .2s both,float 8s ease-in-out infinite 1s;display:flex;justify-content:center;position:relative}.filament-login-page .fi-logo img{max-height:60px;filter:drop-shadow(0 4px 8px rgba(59,130,246,.2));transition:all .3s ease}.filament-login-page .fi-logo:hover img{transform:scale(1.05);filter:drop-shadow(0 8px 16px rgba(59,130,246,.3))}.filament-login-page .fi-simple-header{text-align:center;margin-bottom:2.5rem;animation:fade-in-up .8s ease-out .4s both}.filament-login-page .fi-simple-header .fi-simple-header-heading{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--gray-900) 0%,var(--primary-600) 50%,var(--gray-800) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;letter-spacing:-.025em}.filament-login-page .fi-simple-header .fi-simple-header-subheading{color:var(--gray-600);font-size:1rem;font-weight:500;opacity:.8}.filament-login-page .fi-fo-field-wrp{margin-bottom:1.5rem;animation:fade-in-up .8s ease-out .6s both}.filament-login-page .fi-input-wrp{position:relative;overflow:hidden}.filament-login-page .fi-input{width:100%;padding:1rem 1.25rem;border:2px solid var(--gray-200);border-radius:16px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1rem;font-weight:500;color:var(--gray-900);transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px #0000001a}.filament-login-page .fi-input:focus{outline:none;border-color:var(--primary-500);background:#fffffff2;box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #3b82f626;transform:translateY(-2px)}.filament-login-page .fi-input::placeholder{color:var(--gray-500);font-weight:400}.filament-login-page .fi-fo-field-wrp-label{font-weight:600;color:var(--gray-700);margin-bottom:.5rem;font-size:.875rem;letter-spacing:.025em}.filament-login-page .fi-btn{width:100%;padding:1rem 2rem;border:none;border-radius:16px;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-500) 50%,var(--primary-700) 100%);color:#fff;font-size:1rem;font-weight:700;letter-spacing:.025em;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 25px #3b82f64d,0 0 0 1px #ffffff1a,inset 0 1px #fff3;position:relative;overflow:hidden;animation:fade-in-up .8s ease-out .8s both}.filament-login-page .fi-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.filament-login-page .fi-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #3b82f666,0 0 0 1px #fff3,inset 0 1px #ffffff4d;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-400) 50%,var(--primary-600) 100%)}.filament-login-page .fi-btn:hover:before{left:100%}.filament-login-page .fi-btn:active{transform:translateY(-1px)}.filament-login-page .fi-btn:disabled{opacity:.7;cursor:not-allowed;animation:glow-pulse 2s ease-in-out infinite}.filament-login-page .fi-simple-footer{text-align:center;margin-top:2rem;animation:fade-in-up .8s ease-out 1s both}.filament-login-page .fi-simple-footer a{color:var(--primary-600);text-decoration:none;font-weight:600;font-size:.875rem;transition:all .3s ease;position:relative}.filament-login-page .fi-simple-footer a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-500),var(--primary-400));transition:width .3s ease}.filament-login-page .fi-simple-footer a:hover{color:var(--primary-500)}.filament-login-page .fi-simple-footer a:hover:after{width:100%}.filament-login-page .fi-fo-field-wrp-error-message{color:#ef4444;font-size:.875rem;font-weight:500;margin-top:.5rem;animation:fade-in-up .3s ease-out}.filament-login-page .fi-checkbox-input{width:1.25rem;height:1.25rem;border:2px solid var(--gray-300);border-radius:6px;background:#fff;cursor:pointer;transition:all .3s ease}.filament-login-page .fi-checkbox-input:checked{background:var(--primary-500);border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 640px){.filament-login-page{padding:1rem}.filament-login-page .fi-simple-main{padding:2rem;border-radius:24px}.filament-login-page .fi-simple-header-heading{font-size:1.75rem}.filament-login-page .fi-input,.filament-login-page .fi-btn{padding:.875rem 1rem}}@media (max-width: 480px){.filament-login-page .fi-simple-main{padding:1.5rem;border-radius:20px}.filament-login-page .fi-simple-header-heading{font-size:1.5rem}}@media (prefers-color-scheme: dark){.filament-login-page .fi-simple-main{background:#111827f2;border-color:#3741514d}.filament-login-page .fi-simple-header-heading{background:linear-gradient(135deg,#ffffff 0%,var(--primary-400) 50%,#f3f4f6 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.filament-login-page .fi-simple-header-subheading{color:var(--gray-400)}.filament-login-page .fi-fo-field-wrp-label{color:var(--gray-300)}.filament-login-page .fi-input{background:#1f2937cc;border-color:var(--gray-600);color:#fff}.filament-login-page .fi-input::placeholder{color:var(--gray-400)}}