body,html{margin:0;padding:0;height:100%;width:100%;font-family:Public Sans,system-ui,sans-serif;background-color:hsl(var(--background));overflow:auto}.login-page-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:auto}.background-wrapper{z-index:0}.background-pattern,.background-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.background-pattern{background-image:linear-gradient(rgba(0,31,63,.02) 1px,transparent 0),linear-gradient(90deg,rgba(0,31,63,.02) 1px,transparent 0),radial-gradient(circle at 20% 30%,rgba(19,81,180,.04) 0,transparent 30%),radial-gradient(circle at 80% 70%,rgba(0,51,160,.05) 0,transparent 30%);background-size:30px 30px;opacity:.7;z-index:1}.watermark-tovar{position:fixed;bottom:40px;right:40px;font-family:var(--font-secondary);font-size:120pt;font-weight:700;color:rgba(0,31,63,.05);z-index:1;user-select:none;pointer-events:none;opacity:.1;transform:rotate(-15deg);transition:opacity .3s ease;text-shadow:2px 2px 4px rgba(0,0,0,.05)}.main-content{width:90%;max-width:1200px;min-height:600px;background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);z-index:10;animation:fadeIn .8s ease-out}.branding-section,.main-content{display:flex;overflow:hidden;position:relative}.branding-section{flex:0 0 45%;padding:var(--spacing-2xl) 50px;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(135deg,hsl(var(--primary-brand)) 0,hsl(var(--primary-brand-dark)) 100%);color:#fff;box-shadow:inset 0 0 100px rgba(0,0,0,.2)}.branding-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,0) 60%);opacity:.6;z-index:0;animation:pulse 15s linear infinite}.branding-section .logo-container{margin-bottom:var(--spacing-xl);position:relative;z-index:1}.branding-section .logo{font-size:2.5rem;padding:15px;width:100%;display:block;color:#fff;background-color:hsla(0,0%,100%,.1);width:150px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.2);position:relative;overflow:hidden}.branding-section .logo:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0));z-index:0}.branding-section .main-title{font-size:2.2rem;font-weight:600;margin-bottom:var(--spacing-xs)}.branding-section .brand-name,.branding-section .main-title{font-family:Public Sans,system-ui,sans-serif;position:relative;z-index:1}.branding-section .brand-name{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-xl);color:hsl(var(--primary-brand-light));letter-spacing:2px}.form-section{flex:0 0 55%;padding:var(--spacing-2xl);display:flex;justify-content:center;align-items:center;background-color:hsl(var(--card));position:relative;overflow:hidden}.form-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,rgba(0,51,160,.03) 0,transparent 50%);z-index:0}.form-wrapper{background-color:hsl(var(--card));border-radius:var(--radius);padding:var(--spacing-2xl);width:100%;max-width:450px;position:relative}.form-title{font-family:Public Sans,system-ui,sans-serif;font-size:1.8rem;font-weight:700;color:hsl(var(--primary-brand));margin-bottom:var(--spacing-sm);text-align:center}.login-form{width:100%}.login-form .subtitle{text-align:center;color:hsl(var(--muted-foreground));margin:0 0 var(--spacing-xl);font-size:1rem;font-weight:400}.form-group{margin-bottom:var(--spacing-lg);position:relative}.form-group label{display:block;margin-bottom:var(--spacing-sm);color:hsl(var(--primary-brand));font-weight:600;font-size:.95rem}.input-container{position:relative;transition:all .3s ease}.input-container:focus-within{transform:translateY(-2px)}.input-container.with-icon{position:relative}.input-container.with-icon .input-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:hsl(var(--muted-foreground));z-index:2}.login-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 45px!important;border:1px solid hsl(var(--border))!important;border-radius:var(--radius)!important;font-size:1rem!important;transition:all .3s ease!important;background:hsl(var(--background))!important;color:hsl(var(--foreground))!important}.login-input:focus{border-color:hsl(var(--ring))!important;box-shadow:0 0 0 2px hsl(var(--ring)/.2)!important;outline:none!important}.login-input:hover{border-color:hsl(var(--border))!important}.form-options{justify-content:space-between;margin:var(--spacing-lg) 0 var(--spacing-xl)}.form-options,.remember-me{display:flex;align-items:center}.remember-me{gap:var(--spacing-sm)}.forgot-password{color:hsl(var(--primary-brand-light));text-decoration:none;font-size:.9rem;transition:color .2s}.forgot-password:hover{color:hsl(var(--primary-brand));text-decoration:underline}.login-button{width:100%;padding:var(--spacing-md)!important;background:linear-gradient(135deg,hsl(var(--primary-brand)) 0,hsl(var(--primary-brand-dark)) 100%)!important;color:hsl(var(--primary-foreground))!important;border:none!important;border-radius:var(--radius)!important;font-size:1rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 4px 15px hsl(var(--primary-brand)/.3)!important;position:relative!important;overflow:hidden!important;min-height:44px!important}.login-button:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px hsl(var(--primary-brand)/.4)!important}.login-button:active{transform:translateY(0)!important}.login-button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:all .5s ease}.login-button:hover:after{left:100%}.error-alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:hsl(var(--destructive)/.1);border-left:4px solid hsl(var(--destructive));border-radius:var(--radius);color:hsl(var(--destructive));margin-bottom:var(--spacing-lg);font-size:.9rem;animation:fadeIn .3s ease-out}.error-icon{flex-shrink:0}.footer-text{margin-top:var(--spacing-xl);text-align:center;color:hsl(var(--muted-foreground));font-size:.85rem}.footer-text .version{margin-top:var(--spacing-xs);color:hsl(var(--muted-foreground));font-size:.8rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:992px){.main-content{flex-direction:column;max-width:500px;min-height:auto;padding:var(--spacing-lg);border-radius:var(--radius)}.branding-section,.form-section{flex:0 0 auto;width:100%}.branding-section{padding:var(--spacing-lg);align-items:center;text-align:center;min-height:250px}.branding-section .logo-container{margin-bottom:var(--spacing-md)}.branding-section .main-title{font-size:1.8rem;margin-bottom:var(--spacing-sm)}.branding-section .brand-name{font-size:2rem;margin-bottom:var(--spacing-md)}.branding-section .brand-description{display:none}}@media (max-width:576px){.main-content{width:95%;border-radius:var(--radius);padding:var(--spacing-md)}.form-section,.form-wrapper{padding:var(--spacing-lg)}.branding-section{padding:var(--spacing-md)}.branding-section .logo{width:100px;height:50px;font-size:1.8rem}.branding-section .main-title{font-size:1.4rem}.branding-section .brand-name{font-size:1.6rem;margin-bottom:var(--spacing-sm)}.form-options{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.login-input{padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) var(--spacing-2xl)!important}.login-button{min-height:48px!important;font-size:1.1rem!important}.forgot-password{font-size:1rem;padding:var(--spacing-sm) 0}}.branding-section .brand-description{font-size:1.1rem;line-height:1.6;opacity:.9;max-width:90%;position:relative;z-index:1}