:root{--primary-color:#e99292;--primary-dark:#e74c3c;--primary-light:#ffe5e5;--accent-color:#e99292;--success-bg:#ecfdf5;--success-text:#047857;--success-border:#d1fae5;--error-bg:#fef2f2;--error-text:#dc2626;--error-border:#fecaca;--white:#fff;--black:#000;--text-dark:#1a202c;--medium-gray:#718096;--light-gray:#cbd5e0;--lighter-gray:#f7fafc;--border-gray:#e2e8f0;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 12px #3a45561a;--shadow-lg:0 10px 30px #0000001f;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--font-family:"Poppins", sans-serif;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:14px;--font-size-lg:15px;--font-size-xl:18px;--font-size-2xl:24px;--font-size-3xl:28px;--font-size-4xl:48px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease-out;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--z-background:-1;--z-base:1;--z-card:10;--z-modal:100}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font-family);color:var(--text-dark);height:100%;margin:0;padding:0;line-height:1.6}#app{width:100%;height:100%}.login-container{width:100vw;height:100vh;min-height:100vh;font-family:var(--font-family);padding:var(--spacing-md);background:#e99292;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-background{pointer-events:none;z-index:var(--z-background);background:#00000005;position:absolute;inset:0}.login-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-3xl);width:100%;max-width:420px;z-index:var(--z-card);animation:slideUp var(--transition-slow);border:none;position:relative;background:var(--white)!important;color:var(--text-dark)!important}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.salon-logo{width:90px;height:90px;margin:0 auto var(--spacing-lg);color:var(--primary-color);transition:transform .3s;display:block}.login-header h1{font-size:var(--font-size-3xl);margin:var(--spacing-sm) 0;font-weight:var(--font-weight-bold);letter-spacing:.5px;color:var(--text-dark)!important}.subtitle{font-size:var(--font-size-sm);margin:var(--spacing-xs) 0 0 0;font-weight:var(--font-weight-normal);color:var(--medium-gray)!important}.login-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.3px;color:var(--text-dark)!important}.form-group input{padding:12px var(--spacing-md);border:2px solid var(--primary-color);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);transition:all var(--transition-normal);background:var(--white);color:var(--text-dark)}.form-group input::placeholder{color:#a0aec0}.form-group input:focus{background-color:var(--primary-light);border-color:#e99292;outline:none;box-shadow:0 0 0 3px #e992921a}.form-group input:disabled{background-color:var(--lighter-gray);cursor:not-allowed;border-color:var(--border-gray)}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{width:100%;padding-right:40px}.toggle-password{cursor:pointer;color:var(--text-light);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:color .2s;display:flex;position:absolute;right:12px}.toggle-password:hover{color:var(--primary-color)}.toggle-password .icon{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.alert{padding:14px var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center;animation:fadeIn var(--transition-normal);border:.5px solid}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.alert-danger{background-color:var(--error-bg);color:var(--error-text);border-color:var(--error-text)}.alert-success{background-color:var(--success-bg);color:var(--success-text);border-color:var(--success-text)}.caps-lock-hint{margin-top:var(--spacing-xs);color:#b7791f;font-size:var(--font-size-sm);background:#fffaf0;border-radius:6px;padding:2px 8px;font-weight:600;display:inline-block}.error-message{color:var(--error-text);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);display:block}.btn-login{color:var(--white);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.5px;margin:var(--spacing-md) auto 0;background:#e99292;border:none;width:100%;padding:13px 20px;display:block;box-shadow:0 2px 8px #3a455626}.btn-login:hover:not(:disabled){background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px #c0392b4d}.btn-login:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #ff6b6b26}.btn-login:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;margin-top:var(--spacing-lg);font-size:var(--font-size-sm);justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.support-text,.info-text{color:var(--medium-gray);margin:0;line-height:1.6}.support-text a,.info-text a{color:var(--primary-color);font-weight:var(--font-weight-medium);transition:color var(--transition-normal), text-decoration var(--transition-normal);text-decoration:none}.support-text a:hover,.info-text a:hover{color:var(--accent-color);text-decoration:underline}@media (width>=1440px){.login-card{max-width:460px;padding:72px}.login-header h1{font-size:32px}}@media (width<=1024px){.login-card{max-width:400px;padding:48px 36px}.login-header h1{font-size:28px}.salon-logo{width:72px;height:72px;margin-bottom:var(--spacing-sm)}}@media (width<=768px){.login-container{padding:var(--spacing-lg)}.login-card{border-radius:var(--radius-lg);max-width:380px;padding:40px 28px}.login-header{margin-bottom:var(--spacing-xl)}.login-header h1{letter-spacing:.3px;font-size:24px}.salon-logo{width:80px;height:80px;margin-bottom:var(--spacing-sm)}.subtitle{font-size:13px}.login-form{gap:var(--spacing-lg)}.form-group input{padding:12px 14px;font-size:15px}.btn-login{letter-spacing:.3px;width:100%;min-height:50px;margin-top:var(--spacing-md);padding:14px 20px;font-size:15px;display:block}.login-footer{gap:var(--spacing-sm);font-size:12px}}@media (width<=480px){.login-container{padding:var(--spacing-sm)}.login-card{margin:var(--spacing-sm);border-radius:var(--radius-lg);max-width:100%;box-shadow:var(--shadow-md);padding:32px 24px}.login-header{margin-bottom:var(--spacing-lg)}.login-header h1{letter-spacing:.3px;margin:var(--spacing-sm) 0;font-size:22px}.salon-logo{width:70px;height:70px;margin-bottom:var(--spacing-sm)}.subtitle{font-size:12px}.login-form{gap:var(--spacing-md)}.form-group label{margin-bottom:var(--spacing-xs);font-size:12px}.form-group input{border-radius:var(--radius-sm);padding:13px 14px;font-size:16px}.form-group input:focus{box-shadow:0 0 0 2px #e9929233}.error-message{margin-top:var(--spacing-xs);font-size:11px}.alert{padding:12px 14px;font-size:12px}.btn-login{letter-spacing:.3px;width:100%;min-height:52px;margin-top:var(--spacing-md);border-radius:var(--radius-sm);padding:15px 16px;font-size:15px;display:block}.btn-login:active:not(:disabled){transform:scale(.98)}.login-footer{margin-top:var(--spacing-md);gap:var(--spacing-xs);flex-wrap:wrap;font-size:11px}.divider{display:none}}@media (width<=374px){.login-card{margin:var(--spacing-xs);padding:24px 18px}.login-header{margin-bottom:var(--spacing-lg)}.login-header h1{margin:6px 0;font-size:20px}.salon-logo{width:60px;height:60px;margin-bottom:var(--spacing-xs)}.subtitle{font-size:11px}.login-form{gap:var(--spacing-md)}.form-group label{margin-bottom:var(--spacing-xs);font-size:12px}.form-group input{padding:12px 11px;font-size:16px}.form-group input:focus{box-shadow:0 0 0 1px #e9929233}.btn-login{width:100%;min-height:50px;margin-top:var(--spacing-md);padding:13px;font-size:14px;display:block}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.login-container :focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.login-container{background:var(--white)}.login-background{display:none}.login-card{box-shadow:none;border:1px solid var(--border-gray)}.btn-login{display:none}}