:root,[data-theme=light]{--login-bg:#f9fafb;--login-card-bg:#fff;--login-card-border:#16a34a33;--login-input-bg:#f4fdf6;--login-input-border:#d1fae5;--login-input-focus-border:#16a34a;--login-input-focus-shadow:#16a34a1f;--login-input-color:#111827;--login-input-placeholder:#9ca3af;--login-text-muted:#6b7280;--login-icon-color:#9ca3af;--login-error-bg:#ef44440f;--login-error-color:#dc2626;--login-footer-color:#9ca3af}[data-theme=dark]{--login-bg:#0f172a;--login-card-bg:#1e293b;--login-card-border:#16a34a26;--login-input-bg:#0f172a;--login-input-border:#16a34a33;--login-input-focus-border:#22c55e;--login-input-focus-shadow:#16a34a1f;--login-input-color:#f1f5f9;--login-input-placeholder:#475569;--login-text-muted:#64748b;--login-icon-color:#475569;--login-error-bg:#ef44441a;--login-error-color:#fca5a5;--login-footer-color:#475569}.login-container{isolation:isolate;min-height:100vh;background:var(--login-bg)!important}body:has(.login-container){background:var(--login-bg)!important}.animated-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-gradient-base{background:radial-gradient(80% 60% at 10% 0,#86efac47 0%,#0000 55%),radial-gradient(60% 50% at 90% 100%,#4ade8033 0%,#0000 55%),radial-gradient(50% 40%,#f0fdf499 0%,#0000 70%);position:absolute;inset:0}[data-theme=dark] .bg-gradient-base{background:radial-gradient(80% 60% at 10% 0,#16a34a1f 0%,#0000 55%),radial-gradient(60% 50% at 90% 100%,#10b98114 0%,#0000 55%)}.bg-square{background:#f0fdf480;border:1.5px solid #16a34a2e;border-radius:12px;animation:linear infinite sq-float;position:absolute}[data-theme=dark] .bg-square{background:#16a34a08;border-color:#16a34a1a}.bg-sq-1{width:64px;height:64px;animation-name:sq-float-1;animation-duration:18s;top:12%;left:8%}.bg-sq-2{width:44px;height:44px;animation-name:sq-float-2;animation-duration:22s;animation-delay:-4s;top:65%;left:15%}.bg-sq-3{width:80px;height:80px;animation-name:sq-float-3;animation-duration:26s;animation-delay:-8s;top:20%;right:10%}.bg-sq-4{width:36px;height:36px;animation-name:sq-float-1;animation-duration:20s;animation-delay:-12s;top:75%;right:18%}.bg-sq-5{width:56px;height:56px;animation-name:sq-float-2;animation-duration:24s;animation-delay:-6s;top:45%;left:5%}@keyframes sq-float-1{0%{opacity:.7;transform:translateY(0)rotate(0)}25%{opacity:1;transform:translateY(-28px)rotate(45deg)}50%{opacity:.6;transform:translateY(-14px)rotate(90deg)}75%{opacity:.9;transform:translateY(-36px)rotate(135deg)}to{opacity:.7;transform:translateY(0)rotate(180deg)}}@keyframes sq-float-2{0%{opacity:.6;transform:translate(0)rotate(20deg)}33%{opacity:1;transform:translate(20px,-30px)rotate(80deg)}66%{opacity:.7;transform:translate(-15px,-20px)rotate(140deg)}to{opacity:.6;transform:translate(0)rotate(200deg)}}@keyframes sq-float-3{0%{opacity:.5;transform:translateY(0)rotate(-10deg)}50%{opacity:.9;transform:translateY(-40px)rotate(50deg)}to{opacity:.5;transform:translateY(0)rotate(110deg)}}.bg-circle{border:1.5px solid #16a34a26;border-radius:50%;animation:ease-in-out infinite ci-pulse;position:absolute}[data-theme=dark] .bg-circle{border-color:#16a34a14}.bg-ci-1{width:120px;height:120px;animation-duration:8s;animation-delay:0s;top:5%;right:5%}.bg-ci-2{width:80px;height:80px;animation-duration:10s;animation-delay:-3s;bottom:15%;left:8%}.bg-ci-3{width:50px;height:50px;animation-duration:7s;animation-delay:-5s;top:50%;right:6%}@keyframes ci-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.bg-lines{background-image:repeating-linear-gradient(-55deg,#0000,#0000 60px,#16a34a0a 60px 61px);animation:30s linear infinite lines-drift;position:absolute;inset:0}[data-theme=dark] .bg-lines{background-image:repeating-linear-gradient(-55deg,#0000,#0000 60px,#16a34a06 60px 61px)}@keyframes lines-drift{0%{background-position:0 0}to{background-position:120px 120px}}.bg-pulse{border:1px solid #16a34a33;border-radius:50%;animation:ease-out infinite ring-expand;position:absolute}[data-theme=dark] .bg-pulse{border-color:#16a34a1a}.bg-pulse-1{width:200px;height:200px;animation-duration:5s;animation-delay:0s;bottom:10%;right:5%}.bg-pulse-2{width:160px;height:160px;animation-duration:5s;animation-delay:-2.5s;top:8%;left:3%}@keyframes ring-expand{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.content{z-index:10;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.login-card{isolation:isolate;border-radius:20px;width:100%;max-width:400px;animation:.5s cubic-bezier(.16,1,.3,1) both card-enter;position:relative;box-shadow:0 1px 3px #0000000a,0 10px 40px #16a34a1a,0 40px 80px #0000000d;background:var(--login-card-bg)!important;border:none!important}.login-card:before{content:"";background:conic-gradient(from var(--border-angle,0deg),transparent 0deg,transparent 60deg,#16a34ae6 90deg,#86efac 110deg,#16a34ae6 130deg,transparent 160deg,transparent 360deg);z-index:-1;border-radius:21px;animation:3s linear infinite border-spin;position:absolute;inset:-1.5px}.login-card:after{content:"";background:var(--login-card-bg);z-index:-1;border-radius:19px;position:absolute;inset:1.5px}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes border-spin{0%{--border-angle:0deg}to{--border-angle:360deg}}[data-theme=dark] .login-card:before{background:conic-gradient(from var(--border-angle,0deg),transparent 0deg,transparent 60deg,#16a34ab3 90deg,#4ade80f2 110deg,#16a34ab3 130deg,transparent 160deg,transparent 360deg)}@keyframes card-enter{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.logo-wrap{justify-content:center;margin-bottom:24px;display:flex}.logo-outer{justify-content:center;align-items:center;display:inline-flex;position:relative}.logo-ripple{pointer-events:none;border:1.5px solid #16a34a80;border-radius:50%;animation:2.4s ease-out infinite logo-ripple-expand;position:absolute}.logo-ripple-1{width:90px;height:90px;animation-delay:0s}.logo-ripple-2{width:90px;height:90px;animation-delay:.8s}.logo-ripple-3{width:90px;height:90px;animation-delay:1.6s}@keyframes logo-ripple-expand{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.9)}}.logo-glow{opacity:.2;filter:blur(12px);background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:24px;animation:2s ease-in-out infinite logo-glow-pulse;position:absolute;inset:-6px}@keyframes logo-glow-pulse{0%,to{opacity:.15;filter:blur(12px);transform:scale(1)}50%{opacity:.4;filter:blur(18px);transform:scale(1.08)}}.logo-box{background:linear-gradient(145deg,#16a34a 0%,#22c55e 100%);border-radius:20px;justify-content:center;align-items:center;width:76px;height:76px;animation:4s ease-in-out infinite logo-box-float;display:flex;position:relative;box-shadow:0 6px 20px #16a34a4d}@keyframes logo-box-float{0%,to{transform:translateY(0)rotate(0);box-shadow:0 6px 20px #1d4ed84d}30%{transform:translateY(-6px)rotate(-2deg);box-shadow:0 14px 28px #1d4ed866}60%{transform:translateY(-3px)rotate(1.5deg);box-shadow:0 10px 24px #1d4ed859}}.logo-inner-shine{background:linear-gradient(145deg,#ffffff38 0%,#0000 55%);border-radius:18px;animation:3s ease-in-out infinite logo-shine-sweep;position:absolute;inset:2px}@keyframes logo-shine-sweep{0%,to{opacity:.8}50%{opacity:.3}}.logo-icon-stack{justify-content:center;align-items:center;animation:4s ease-in-out infinite logo-icon-wiggle;display:flex;position:relative}@keyframes logo-icon-wiggle{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-8deg)scale(1.05)}40%{transform:rotate(6deg)scale(1.08)}60%{transform:rotate(-4deg)scale(1.04)}80%{transform:rotate(2deg)scale(1.02)}}.logo-icon-shadow{color:#0000002e;font-size:1.9rem;position:absolute;top:3px;left:3px}.logo-icon-main{color:#fff;z-index:1;filter:drop-shadow(0 2px 4px #00000026);font-size:1.9rem;position:relative}.logo-badge{z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;animation:1.8s cubic-bezier(.36,.07,.19,.97) infinite badge-bounce;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 8px #16a34a4d}.logo-badge-icon{color:#16a34a;font-size:.58rem}@keyframes badge-bounce{0%,to{transform:translateY(0)scale(1)}20%{transform:translateY(-5px)scale(1.15)}40%{transform:translateY(0)scale(.95)}60%{transform:translateY(-3px)scale(1.05)}80%{transform:translateY(0)scale(1)}}.login-title{text-align:center;width:100%;margin-bottom:4px;font-size:1.55rem;font-weight:700;display:inline-block;position:relative;overflow:hidden}.login-title:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#16a34a40,#0000);width:60%;height:100%;animation:.8s ease-in-out 1s both title-shimmer;position:absolute;top:0;left:-100%}[data-theme=dark] .login-title:after{background:linear-gradient(90deg,#0000,#4ade8033,#0000)}@keyframes title-shimmer{0%{opacity:1;left:-80%}99%{opacity:1;left:120%}to{opacity:0;left:120%}}.title-word{animation:.5s cubic-bezier(.16,1,.3,1) both word-pop;display:inline-block}.title-word-1{color:#14532d;animation-delay:.2s}.title-word-2{color:#16a34a;animation-delay:.35s;position:relative}.title-word-2:after{content:"";background:linear-gradient(90deg,#16a34a,#22c55e);border-radius:2px;width:0%;height:2px;animation:.5s ease-out .9s forwards underline-draw;position:absolute;bottom:-2px;left:0}.title-word-3{color:#14532d;animation-delay:.5s}@keyframes word-pop{0%{opacity:0;transform:translateY(14px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes underline-draw{0%{width:0%}to{width:100%}}[data-theme=dark] .title-word-1{color:#bbf7d0}[data-theme=dark] .title-word-2{color:#4ade80}[data-theme=dark] .title-word-3{color:#bbf7d0}.login-subtitle{text-align:center;color:var(--login-text-muted);margin-bottom:28px;font-size:.84rem;animation:.5s cubic-bezier(.16,1,.3,1) .6s both word-pop}.login-form-group{margin-bottom:14px}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{width:42px;color:var(--login-icon-color);pointer-events:none;z-index:1;justify-content:center;align-items:center;font-size:.82rem;transition:color .25s;display:flex;position:absolute;top:0;bottom:0;left:0}.login-input-wrap:focus-within .login-input-icon{color:var(--login-input-focus-border)}.input-field{box-sizing:border-box;width:100%;font-size:.88rem;transition:all .25s;background:var(--login-input-bg)!important;border:1.5px solid var(--login-input-border)!important;color:var(--login-input-color)!important;border-radius:10px!important;height:46px!important;min-height:46px!important;padding-left:42px!important;padding-right:16px!important}.input-field:focus{border-color:var(--login-input-focus-border)!important;box-shadow:0 0 0 3px var(--login-input-focus-shadow)!important;background:var(--login-card-bg)!important;outline:none!important}.input-field::placeholder{color:var(--login-input-placeholder)!important}.icon-password{width:42px;color:var(--login-icon-color);cursor:pointer;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;font-size:.82rem;transition:color .2s;display:flex;position:absolute;top:0;bottom:0;right:0}.icon-password:hover{color:var(--login-input-focus-border)}.container-message-error{color:var(--login-error-color);background:var(--login-error-bg);text-align:left;border:1px solid #ef44441f;border-radius:8px;margin-bottom:14px;padding:8px 12px;font-size:.8rem}.btn-login{letter-spacing:.02em;cursor:pointer;width:100%;font-size:.9rem;font-weight:600;position:relative;overflow:hidden;color:#fff!important;background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%)!important;border:none!important;border-radius:10px!important;height:46px!important;transition:all .25s!important}.btn-login:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.btn-login:hover:before{transform:translate(100%)}.btn-login:hover{transform:translateY(-2px)!important;box-shadow:0 10px 28px #16a34a66!important}.btn-login:active{transform:translateY(0)!important;box-shadow:0 4px 12px #16a34a4d!important}.btn-login:disabled{opacity:.75!important;cursor:not-allowed!important;transform:none!important}.login-input-label{color:var(--login-text-muted);letter-spacing:.03em;text-transform:uppercase;margin-bottom:6px;font-size:.75rem;font-weight:500;display:block}.login-divider{align-items:center;gap:10px;margin:20px 0 18px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--login-card-border);flex:1;height:1px}.login-divider span{color:var(--login-text-muted);white-space:nowrap;font-size:.72rem}.login-footer{text-align:center;color:var(--login-footer-color);margin-top:22px;font-size:.72rem}@media screen and (max-width:480px){.login-card{border-radius:16px}}