:root{--auth-card-bg:rgba(255,255,255,0.12);--auth-card-border:rgba(255,255,255,0.2);--auth-card-radius:20px;--auth-card-blur:20px;--auth-card-shadow:0 25px 50px rgba(0,0,0,0.15),0 0 0 1px rgba(255,255,255,0.1);--auth-card-padding:2.5rem;--auth-card-padding-compact:2rem;--auth-input-bg:rgba(255,255,255,0.15);--auth-input-border:rgba(255,255,255,0.2);--auth-input-text:#ffffff;--auth-input-placeholder:rgba(255,255,255,0.6);--auth-input-focus:hsl(var(--theme-hue,217),91%,60%);--auth-input-focus-ring:rgba(66,133,244,0.2);--auth-input-radius:12px;--auth-input-padding:1rem 1.25rem;--auth-label-color:rgba(255,255,255,0.8);--auth-label-size:0.75rem;--auth-btn-primary-from:hsl(var(--theme-hue,217),91%,60%);--auth-btn-primary-to:hsl(var(--theme-hue,217),91%,40%);--auth-btn-primary-text:#ffffff;--auth-btn-primary-shadow:0 4px 15px hsla(var(--theme-hue,217),91%,50%,0.3);--auth-btn-primary-hover-from:hsl(var(--theme-hue,217),91%,70%);--auth-btn-primary-hover-to:hsl(var(--theme-hue,217),91%,50%);--auth-btn-primary-hover-shadow:0 6px 20px hsla(var(--theme-hue,217),91%,50%,0.4);--auth-btn-secondary-bg:rgba(255,255,255,0.1);--auth-btn-secondary-border:rgba(255,255,255,0.2);--auth-btn-secondary-text:#ffffff;--auth-btn-secondary-hover-bg:rgba(255,255,255,0.15);--auth-btn-secondary-hover-border:rgba(255,255,255,0.3);--auth-btn-radius:12px;--auth-btn-padding:1rem 1.25rem;--auth-btn-font-size:0.9rem;--auth-heading-color:#ffffff;--auth-text-primary:rgba(255,255,255,0.9);--auth-text-secondary:rgba(255,255,255,0.7);--auth-text-muted:rgba(255,255,255,0.5);--auth-link-color:hsl(var(--theme-hue,217),91%,70%);--auth-link-hover:hsl(var(--theme-hue,217),91%,80%);--auth-link-glow:hsla(var(--theme-hue,217),91%,60%,0.6);--auth-error-bg:rgba(254,226,226,0.9);--auth-error-text:#dc2626;--auth-error-border:rgba(252,165,165,0.5);--auth-success-bg:rgba(34,197,94,0.15);--auth-success-text:#86efac;--auth-success-border:rgba(34,197,94,0.3);--auth-accent:#d3a997;--auth-accent-bg:rgba(221,191,143,0.1);--auth-accent-border:#d3a997;--auth-badge-bg:rgba(255,255,255,0.1);--auth-badge-border:hsla(var(--theme-hue,217),91%,60%,0.3);--auth-badge-text:rgba(255,255,255,0.9);--auth-badge-hover-border:hsla(var(--theme-hue,217),91%,60%,0.5);--auth-badge-hover-shadow:0 8px 25px hsla(var(--theme-hue,217),91%,60%,0.2);--auth-info-bg:rgba(255,255,255,0.08);--auth-info-border:rgba(255,255,255,0.1);--auth-info-radius:12px;--auth-divider-color:rgba(255,255,255,0.3);--auth-divider-text-bg:rgba(255,255,255,0.1);--auth-bg-overlay:linear-gradient(135deg,rgba(0,0,0,0.6),rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.3));--auth-bg-blur:3px;--auth-content-max-width:1200px;--auth-card-width:420px;--auth-card-width-centered:480px;--auth-gap:4rem;--auth-transition-fast:150ms ease;--auth-transition-normal:200ms ease;--auth-transition-smooth:300ms cubic-bezier(0.4,0,0.2,1)}[data-theme-mode=dark-blue],[data-theme-mode=dark-emerald],[data-theme-mode=dark-ocean],[data-theme-mode=dark-violet],[data-theme-mode=dark]{--auth-card-bg:rgba(255,255,255,0.05);--auth-card-border:rgba(255,255,255,0.08);--auth-card-shadow:0 25px 50px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.05);--auth-input-bg:rgba(255,255,255,0.08);--auth-input-border:rgba(255,255,255,0.1);--auth-btn-secondary-bg:rgba(255,255,255,0.05);--auth-btn-secondary-border:rgba(255,255,255,0.1);--auth-btn-secondary-hover-bg:rgba(255,255,255,0.1);--auth-badge-bg:rgba(255,255,255,0.05);--auth-badge-border:hsla(var(--theme-hue,217),91%,60%,0.2);--auth-info-bg:rgba(255,255,255,0.03);--auth-info-border:rgba(255,255,255,0.06);--auth-divider-color:rgba(255,255,255,0.15);--auth-divider-text-bg:rgba(255,255,255,0.05)}@media (max-width:768px){:root{--auth-card-padding:1.5rem;--auth-card-padding-compact:1.5rem;--auth-gap:1.5rem;--auth-card-width:100%;--auth-card-width-centered:420px}}@media (max-width:480px){:root{--auth-card-padding:1.25rem;--auth-card-padding-compact:1.25rem;--auth-gap:1rem;--auth-card-width-centered:100%;--auth-btn-padding:0.75rem 0.875rem;--auth-btn-font-size:0.85rem;--auth-input-padding:0.75rem 0.875rem}}.auth-page-layout{display:flex;flex-direction:column;min-height:100vh}.auth-container,.login-container{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-container{flex:1 1;padding-top:80px;padding-bottom:2rem}.background-image{background-image:url(/dashboard-backgrounds/home/home-1.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;filter:blur(var(--auth-bg-blur));transform:scale(1.05)}.background-image,.background-image:after{position:absolute;top:0;left:0;right:0;bottom:0}.background-image:after{content:"";background:var(--auth-bg-overlay)}.content-wrapper{position:relative;z-index:10;display:flex;width:100%;max-width:var(--auth-content-max-width);margin:0 auto;padding:2rem;gap:var(--auth-gap);align-items:center}.auth-centered{justify-content:center}.auth-centered .auth-right-content{flex:0 0 var(--auth-card-width-centered);max-width:var(--auth-card-width-centered)}.auth-left-content{flex:1 1;color:white;text-shadow:0 3px 6px rgba(0,0,0,.4)}.auth-right-content{flex:0 0 var(--auth-card-width)}.auth-brand{font-size:.9rem;font-weight:600;letter-spacing:.15em;margin-bottom:1rem;opacity:.95;color:#f5f5f5}.auth-heading{font-size:4.5rem;font-weight:900;line-height:.85;margin-bottom:1rem;letter-spacing:-.03em;color:var(--auth-heading-color)}.auth-subtitle{font-size:1.1rem;font-weight:400;line-height:1.5;color:var(--auth-text-secondary);margin-bottom:1.5rem}.auth-left-cta{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);font-size:.9rem;line-height:1.4}.auth-left-cta__text{color:var(--auth-text-secondary);font-weight:400;font-size:.9rem;margin:0}.auth-left-cta__link{color:var(--auth-link-color);text-decoration:none;font-size:.9rem;font-weight:500;transition:all var(--auth-transition-smooth);border-bottom:1px solid transparent;position:relative}.auth-left-cta__link:hover{color:var(--auth-link-hover);text-decoration:none;border-bottom-color:hsla(var(--theme-hue,217),91%,60%,.5);text-shadow:0 0 8px var(--auth-link-glow)}@media (max-width:768px){.content-wrapper{flex-direction:column;gap:1.5rem;padding:1rem}.auth-left-content{text-align:center}.auth-brand{font-size:.8rem}.auth-heading{font-size:3rem;margin-bottom:.75rem}.auth-subtitle{font-size:.95rem;margin-bottom:1rem}.auth-right-content{flex:none;width:100%;max-width:var(--auth-card-width)}.auth-left-cta{display:none}}@media (max-width:480px){.content-wrapper{padding:.75rem;gap:1rem}.auth-brand{font-size:.75rem}.auth-heading{font-size:2.5rem;margin-bottom:.5rem}.auth-subtitle{font-size:.9rem;line-height:1.4}}.auth-card{background:var(--auth-card-bg);-webkit-backdrop-filter:blur(var(--auth-card-blur));backdrop-filter:blur(var(--auth-card-blur));border-radius:var(--auth-card-radius);padding:var(--auth-card-padding);box-shadow:var(--auth-card-shadow);border:1px solid var(--auth-card-border)}.auth-card--compact{padding:var(--auth-card-padding-compact)}.auth-form{gap:1.5rem}.auth-form,.auth-form-group{display:flex;flex-direction:column}.auth-form-group{gap:.5rem}.auth-label{font-size:var(--auth-label-size);font-weight:600;color:var(--auth-label-color);letter-spacing:.05em;text-transform:uppercase}.auth-input{padding:var(--auth-input-padding);border:1px solid var(--auth-input-border);border-radius:var(--auth-input-radius);font-size:1rem;color:var(--auth-input-text);transition:border-color var(--auth-transition-normal),box-shadow var(--auth-transition-normal),background var(--auth-transition-normal)}.auth-input,.auth-input:focus{background:var(--auth-input-bg)}.auth-input:focus{outline:none;border-color:var(--auth-input-focus);box-shadow:0 0 0 3px var(--auth-input-focus-ring)}.auth-input::placeholder{color:var(--auth-input-placeholder)}.auth-button{background:linear-gradient(135deg,var(--auth-btn-primary-from),var(--auth-btn-primary-to));color:var(--auth-btn-primary-text);border:none;border-radius:var(--auth-btn-radius);padding:var(--auth-btn-padding);font-size:var(--auth-btn-font-size);font-weight:600;letter-spacing:.05em;cursor:pointer;transition:transform var(--auth-transition-normal),box-shadow var(--auth-transition-normal),background var(--auth-transition-normal);text-transform:uppercase;box-shadow:var(--auth-btn-primary-shadow);position:relative;overflow:hidden}.auth-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-100%);transition:transform .5s ease}.auth-button:hover:not(:disabled){background:linear-gradient(135deg,var(--auth-btn-primary-hover-from),var(--auth-btn-primary-hover-to));transform:translateY(-2px);box-shadow:var(--auth-btn-primary-hover-shadow)}.auth-button:hover:not(:disabled):before{transform:translateX(100%)}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-button--secondary{display:flex;align-items:center;justify-content:center;gap:.75rem;background:var(--auth-btn-secondary-bg);border:1px solid var(--auth-btn-secondary-border);border-radius:var(--auth-btn-radius);padding:var(--auth-btn-padding);font-size:var(--auth-btn-font-size);font-weight:500;color:var(--auth-btn-secondary-text);cursor:pointer;transition:all var(--auth-transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-button--secondary:hover:not(:disabled){background:var(--auth-btn-secondary-hover-bg);border-color:var(--auth-btn-secondary-hover-border)}.auth-button--secondary:disabled{opacity:.7;cursor:not-allowed}.auth-button--centered{max-width:300px;margin:0 auto;display:block;width:100%}.auth-button--full{width:100%}.auth-button__google-icon{width:18px;height:18px;background:#4285f4;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.auth-forgot{text-align:right;margin-top:-.5rem}.auth-forgot__link{color:var(--auth-text-secondary);font-size:.9rem;text-decoration:none;transition:all var(--auth-transition-smooth);padding:.25rem .5rem;border-radius:6px;position:relative;overflow:hidden}.auth-forgot__link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(var(--theme-hue,217),91%,60%,.2),hsla(var(--theme-hue,217),91%,50%,.2));opacity:0;transition:opacity var(--auth-transition-smooth);border-radius:6px}.auth-forgot__link:hover{color:var(--auth-link-color);text-decoration:none;text-shadow:0 0 8px var(--auth-link-glow)}.auth-forgot__link:hover:before{opacity:1}.auth-register-link{text-align:center;font-size:.9rem;color:var(--auth-text-secondary);display:flex;flex-direction:column;align-items:center;gap:.75rem}.auth-register-link__text{color:var(--auth-link-color);text-decoration:none;font-weight:600;transition:all var(--auth-transition-smooth);padding:.25rem .75rem;border-radius:8px;position:relative;overflow:hidden;background:linear-gradient(135deg,hsla(var(--theme-hue,217),91%,60%,.1),hsla(var(--theme-hue,217),91%,50%,.1));border:1px solid hsla(var(--theme-hue,217),91%,60%,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:inline-block;margin-left:.25rem}.auth-register-link__text: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 .5s ease}.auth-register-link__text:hover{text-decoration:none;color:white;background:linear-gradient(135deg,hsla(var(--theme-hue,217),91%,60%,.3),hsla(var(--theme-hue,217),91%,50%,.3));border-color:hsla(var(--theme-hue,217),91%,60%,.5);text-shadow:0 0 8px var(--auth-link-glow);transform:translateY(-1px);box-shadow:0 4px 12px hsla(var(--theme-hue,217),91%,60%,.3)}.auth-register-link__text:hover:before{left:100%}@media (max-width:768px){.auth-form{gap:1.25rem}.auth-label{font-size:.7rem}.auth-input{padding:.875rem 1rem;font-size:.95rem}.auth-register-link__text{color:hsl(var(--theme-hue,217),91%,60%)}.auth-register-link__text:hover{color:var(--auth-link-color)}}@media (max-width:480px){.auth-form{gap:1rem}.auth-input{padding:.75rem .875rem;font-size:.9rem}.auth-register-link{font-size:.85rem}.auth-register-link__text{color:hsl(var(--theme-hue,217),91%,60%)}.auth-register-link__text:hover{color:var(--auth-link-color)}}.auth-header{text-align:center}.auth-header--center{margin-bottom:1.5rem}.auth-logo{font-size:2rem;font-weight:700;color:var(--auth-heading-color);margin:0}.auth-icon{font-size:3rem;margin-bottom:.75rem;line-height:1}.auth-icon--large{font-size:4rem;margin-bottom:1.5rem}.auth-title{font-size:1.5rem;font-weight:700;color:var(--auth-heading-color);margin:0 0 .75rem}.auth-title--center{text-align:center;margin-bottom:1rem}.auth-description{color:var(--auth-text-secondary);font-size:.9rem;line-height:1.5;margin:0}.auth-description strong{color:var(--auth-accent)}.auth-description--center{text-align:center;margin-bottom:2rem}.auth-divider{text-align:center;position:relative;color:var(--auth-text-secondary);font-size:.9rem}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--auth-divider-color);z-index:1}.auth-divider span{background:var(--auth-divider-text-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 1rem;position:relative;z-index:2}.auth-badges{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.auth-badge{display:flex;align-items:center;gap:.5rem;padding:.35rem .85rem;background:var(--auth-badge-bg);-webkit-backdrop-filter:blur(15px) saturate(130%);backdrop-filter:blur(15px) saturate(130%);border:1px solid var(--auth-badge-border);border-radius:20px;font-size:.85rem;font-weight:500;color:var(--auth-badge-text);transition:transform var(--auth-transition-smooth),box-shadow var(--auth-transition-smooth),border-color var(--auth-transition-smooth);position:relative;overflow:hidden}.auth-badge:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(var(--theme-hue,217),91%,60%,.1),hsla(var(--theme-hue,217),91%,50%,.05));opacity:0;transition:opacity var(--auth-transition-smooth);border-radius:20px}.auth-badge:hover{transform:translateY(-2px);border-color:var(--auth-badge-hover-border);box-shadow:var(--auth-badge-hover-shadow)}.auth-badge:hover:before{opacity:1}.auth-badge__icon{font-size:1rem;filter:drop-shadow(0 0 4px hsla(var(--theme-hue,217),91%,60%,.5));position:relative;z-index:2}.auth-badge__text{position:relative;z-index:2;letter-spacing:.02em}.auth-message--error{background:var(--auth-error-bg);color:var(--auth-error-text);padding:.75rem;border-radius:10px;font-size:.9rem;border:1px solid var(--auth-error-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-message--success{padding:.75rem;background:var(--auth-success-bg);border:1px solid var(--auth-success-border);border-radius:10px;color:var(--auth-success-text);margin-bottom:1rem;font-size:.85rem;text-align:center}.auth-info-box{background:var(--auth-info-bg);border-radius:var(--auth-info-radius);padding:1.25rem;margin-bottom:1.5rem;border:1px solid var(--auth-info-border)}.auth-info-box__title{font-size:.85rem;font-weight:600;margin:0 0 .75rem;color:var(--auth-text-primary);text-transform:uppercase;letter-spacing:.05em}.auth-info-box__list{margin:0;padding-left:1.25rem;line-height:1.7;font-size:.85rem}.auth-info-box__list,.auth-tip{color:var(--auth-text-secondary)}.auth-tip{margin-top:1.5rem;padding:.875rem;background:var(--auth-accent-bg);border-left:3px solid var(--auth-accent-border);border-radius:6px;font-size:.8rem}.auth-tip strong{color:var(--auth-accent)}.auth-button-group{display:flex;flex-direction:column;gap:.75rem}.auth-button-group .auth-button,.auth-button-group .auth-button--secondary{width:100%}.auth-loading{text-align:center;padding:2rem 0}.auth-loading__icon{font-size:3rem;margin-bottom:1rem}.auth-loading__text{color:var(--auth-text-secondary);margin:0}.auth-status-content{text-align:center;padding:2rem 0}.auth-status--error{color:var(--auth-error-text)}.auth-status--success{color:#16a34a}@media (max-width:768px){.auth-badges{gap:.5rem;margin-top:1rem;justify-content:center}.auth-badge{padding:.25rem .6rem;font-size:.75rem;border-radius:16px}.auth-badge__icon{font-size:.85rem}.auth-icon{font-size:2.5rem}.auth-title{font-size:1.25rem}.auth-description{font-size:.85rem}}@media (max-width:480px){.auth-badges{gap:.4rem;margin-top:.75rem}.auth-badge{padding:.2rem .5rem;font-size:.7rem;border-radius:14px}.auth-badge__icon{font-size:.75rem}.auth-icon{font-size:2rem}.auth-title{font-size:1.1rem}.auth-info-box{padding:1rem}.auth-info-box__list,.auth-info-box__title{font-size:.8rem}}