.login-page{--background: var(--ion-background-color);--padding-bottom: 0;--login-form-bg-base: #ffffff;--login-form-gradient: linear-gradient(to right, rgba(30, 64, 175, .2), rgba(59, 130, 246, .2), rgba(14, 165, 233, .2));--login-input-bg: #ffffff;--login-checkbox-bg: #ffffff}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#0ea5e9,#3b82f6,#1e40af);position:relative}.login-bootstrap-splash{padding:0}body.dark .login-container,.dark .login-container{background:linear-gradient(135deg,#1e3a8a,#000)}:root[data-theme-style=standard] body.dark .login-container,html[data-theme-style=standard] body.dark .login-container,:root[data-theme-style=standard] .dark .login-container,html[data-theme-style=standard] .dark .login-container{background:linear-gradient(135deg,#1e3a8a,#000)}.logo-section{text-align:center;margin-bottom:3rem}.cear-logo{top:0;padding:50px;width:100%}.login-footer-text{position:absolute;bottom:20px;right:22px;text-align:right;font-size:.75rem;color:var(--ion-text-color);opacity:.4;margin:0;pointer-events:none}:root[data-theme-style=standard] body.dark .login-footer-text,html[data-theme-style=standard] body.dark .login-footer-text,:root[data-theme-style=standard] .dark .login-footer-text,html[data-theme-style=standard] .dark .login-footer-text{opacity:.3}.cear-logo-grigio{display:none}:root[data-theme-style=standard] .cear-logo-grigio,html[data-theme-style=standard] .cear-logo-grigio{display:none}:root[data-theme-style=standard] body.dark .cear-logo-grigio,html[data-theme-style=standard] body.dark .cear-logo-grigio,:root[data-theme-style=standard] .dark .cear-logo-grigio,html[data-theme-style=standard] .dark .cear-logo-grigio{display:none}:root[data-theme-style=standard] .cear-logo-bianco,html[data-theme-style=standard] .cear-logo-bianco{display:block;opacity:.5}:root[data-theme-style=standard] body.dark .cear-logo-bianco,html[data-theme-style=standard] body.dark .cear-logo-bianco,:root[data-theme-style=standard] .dark .cear-logo-bianco,html[data-theme-style=standard] .dark .cear-logo-bianco{display:block;opacity:.2}:root[data-theme-style=standard] .cear-logo-nero,html[data-theme-style=standard] .cear-logo-nero{display:none}:root[data-theme-style=standard] body.dark .cear-logo-nero,html[data-theme-style=standard] body.dark .cear-logo-nero,:root[data-theme-style=standard] .dark .cear-logo-nero,html[data-theme-style=standard] .dark .cear-logo-nero{display:none}.cear-logo-bianco,.cear-logo-nero{display:none}:root:not([data-theme-style=standard]) .cear-logo-bianco,html:not([data-theme-style=standard]) .cear-logo-bianco{display:block;opacity:.3}:root:not([data-theme-style=standard]) body.dark .cear-logo-bianco,html:not([data-theme-style=standard]) body.dark .cear-logo-bianco,:root:not([data-theme-style=standard]) .dark .cear-logo-bianco,html:not([data-theme-style=standard]) .dark .cear-logo-bianco{display:none}:root:not([data-theme-style=standard]) .cear-logo-nero,html:not([data-theme-style=standard]) .cear-logo-nero{display:none}:root:not([data-theme-style=standard]) body.dark .cear-logo-nero,html:not([data-theme-style=standard]) body.dark .cear-logo-nero,:root:not([data-theme-style=standard]) .dark .cear-logo-nero,html:not([data-theme-style=standard]) .dark .cear-logo-nero{display:block;opacity:.3}.sethub-logo{width:120px;height:120px}.login-form{width:100%;max-width:400px;background:var(--login-form-bg-base);background-image:var(--login-form-gradient);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem 2rem;box-shadow:0 20px 40px #0000001a;border:var(--item-border-width, 1px) solid var(--item-border-color);margin-top:3rem;position:relative;z-index:1;overflow:hidden}body.dark .login-form,.dark .login-form{--login-form-bg-base: var(--ion-background-color);--login-form-gradient: linear-gradient(to right, rgba(30, 58, 138, .15), rgba(30, 58, 138, .25));--login-input-bg: var(--ion-background-color);--login-checkbox-bg: var(--ion-background-color);background:var(--login-form-bg-base);background-image:var(--login-form-gradient)}:root[data-theme-style=standard] .login-form,html[data-theme-style=standard] .login-form{background:var(--item-background, #fafafa);background-image:none;-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-theme-style=standard] body.dark .login-form,html[data-theme-style=standard] body.dark .login-form,:root[data-theme-style=standard] .dark .login-form,html[data-theme-style=standard] .dark .login-form{background:var(--ion-background-color);background-image:none;-webkit-backdrop-filter:none;backdrop-filter:none}.input-group{margin-bottom:1.5rem}.input-group ion-item{--background: var(--login-input-bg);--border-radius: 12px;--padding-start: 16px;--padding-end: 16px;--padding-top: 8px;--padding-bottom: 8px;--border-width: var(--item-border-width, 1px);--border-color: var(--item-border-color);--color: var(--ion-text-color);margin:0;border-radius:12px;box-shadow:0 2px 4px #00000005;background:var(--login-input-bg);display:flex;align-items:flex-start}.input-group ion-item.item-label-stacked{align-items:flex-start}.input-group ion-item.item-label-stacked [slot=end]{align-self:flex-end;margin-top:auto;padding-top:0}:root[data-theme-style=standard] body.dark .input-group ion-item,html[data-theme-style=standard] body.dark .input-group ion-item,:root[data-theme-style=standard] .dark .input-group ion-item,html[data-theme-style=standard] .dark .input-group ion-item{--background: var(--item-background, #fafafa);background:var(--item-background, #fafafa)}.input-group ion-item:hover{--border-color: var(--ion-color-primary)}.input-group ion-item.item-has-focus{--border-color: var(--ion-color-primary);--border-width: 1px;box-shadow:0 2px 4px #00000005}.login-page .input-group ion-label{--color: var(--ion-text-color);color:var(--ion-text-color);font-weight:500;font-size:14px;margin-bottom:4px}.login-page .input-group ion-input{--color: var(--ion-text-color);--placeholder-color: var(--ion-color-medium);color:var(--ion-text-color);font-size:18px}.input-group ion-input::placeholder{color:var(--ion-color-medium);opacity:1}.input-group ion-button{--color: var(--ion-color-medium);--color-hover: var(--ion-color-primary);color:var(--ion-color-medium)}.input-group ion-button:hover{color:var(--ion-color-primary)}.input-group .password-toggle,.input-group ion-button.password-toggle{margin-top:0;margin-bottom:12px;padding-top:0;padding-bottom:0;height:auto;align-self:flex-end;width:36px}.input-group .password-toggle ion-icon{font-size:20px;width:20px;height:20px}.remember-me-group{margin-bottom:2rem;margin-top:.5rem}.remember-me-item{--background: var(--login-checkbox-bg);--border-radius: 10px;--padding-start: 16px;--padding-end: 16px;--padding-top: 12px;--padding-bottom: 12px;--min-height: auto;margin:0;border-radius:10px;border:var(--item-border-width, 1px) solid var(--item-border-color);background:var(--login-checkbox-bg)}:root[data-theme-style=standard] body.dark .remember-me-item,html[data-theme-style=standard] body.dark .remember-me-item,:root[data-theme-style=standard] .dark .remember-me-item,html[data-theme-style=standard] .dark .remember-me-item{--background: var(--item-background, #fafafa);background:var(--item-background, #fafafa)}.remember-me-item:hover{--background: var(--login-checkbox-bg);background:var(--login-checkbox-bg);border-color:var(--ion-color-primary)}.remember-me-item.item-has-focus,.remember-me-item.ion-focused{border-color:var(--ion-color-primary)}.remember-me-item ion-checkbox{--size: 20px;--checkbox-background-checked: var(--ion-color-primary);--checkmark-color: var(--ion-color-primary-contrast);--border-radius: 4px;--border-width: 2px;--border-color: var(--ion-color-medium);--border-color-checked: var(--ion-color-primary);margin-right:12px;margin-left:0}.remember-me-item ion-checkbox:hover{--border-color: var(--ion-color-primary)}.login-page .remember-me-label{--color: var(--ion-text-color);color:var(--ion-text-color);margin-left:0}.login-page .remember-me-item .remember-me-label,.login-page .remember-me-item:hover .remember-me-label,.login-page .remember-me-item:active .remember-me-label,.login-page .remember-me-item:focus .remember-me-label,.login-page .remember-me-item.item-interactive .remember-me-label,.login-page .remember-me-item.item-has-focus .remember-me-label,.login-page .remember-me-item.ion-focused .remember-me-label,.login-page .remember-me-item.ion-activated .remember-me-label{--color: var(--ion-text-color);color:var(--ion-text-color)}.login-button{--background: var(--ion-color-primary);--background-activated: var(--ion-color-primary-shade);--color: var(--ion-color-primary-contrast);color:var(--ion-color-primary-contrast);--border-radius: 12px;--padding-top: 16px;--padding-bottom: 16px;--box-shadow: 0 3px 6px rgba(0, 0, 0, .15);font-weight:600;font-size:1rem;margin-top:.5rem;text-transform:none}.login-button:hover{--box-shadow: 0 4px 8px rgba(0, 120, 194, .3);transform:translateY(-1px);transition:all .2s ease}.login-button:disabled{--background: var(--ion-color-light-shade);--color: var(--ion-color-medium);color:var(--ion-color-medium);--box-shadow: none;transform:none}.login-button ion-spinner{--color: var(--ion-color-primary-contrast);color:var(--ion-color-primary-contrast);width:20px;height:20px}.login-button span{color:var(--ion-color-primary-contrast)}.login-button:disabled span{color:var(--ion-color-medium)}.biometric-button{--background: transparent;--background-activated: var(--ion-color-primary-tint);--background-hover: var(--ion-color-primary-tint);--color: var(--ion-color-primary);color:var(--ion-color-primary);--border-color: var(--ion-color-primary);--border-width: 2px;--border-style: solid;--border-radius: 12px;--padding-top: 16px;--padding-bottom: 16px;--box-shadow: 0 2px 4px rgba(0, 0, 0, .12);font-weight:600;font-size:1rem;margin-top:1rem;text-transform:none;transition:all .3s ease}.biometric-button:hover{--background-hover: var(--ion-color-primary-tint);--box-shadow: 0 3px 6px rgba(0, 120, 194, .25);transform:translateY(-1px)}.biometric-button:disabled{--background: transparent;--color: var(--ion-color-medium);color:var(--ion-color-medium);--border-color: var(--ion-color-light-shade);--box-shadow: none;transform:none}.biometric-button ion-icon{font-size:1.2rem;margin-right:.5rem;color:inherit}.biometric-info{margin-top:1rem;padding:.75rem;background:var(--ion-color-light);border-radius:8px;text-align:center}.login-page .biometric-info p{margin:0;font-size:.875rem;line-height:1.4;color:var(--ion-text-color)}.privacy-policy-text{text-align:center;margin-top:1.5rem}.login-page .privacy-policy-text ion-text{font-size:.8rem;color:var(--ion-text-color)}.login-page .privacy-policy-text a{font-weight:600;color:var(--ion-color-primary);text-decoration:none}.login-page .privacy-policy-text a:hover{text-decoration:underline}.error-message{margin:1rem 0;padding:12px 16px;background:var(--ion-color-danger-tint);border-radius:8px;border-left:4px solid var(--ion-color-danger)}.login-page .error-message ion-text[color=danger]{display:block;width:100%;margin:0;padding:0;background:transparent;border:none;color:var(--ion-color-danger);font-size:.875rem;font-weight:500;line-height:1.4;word-wrap:break-word;white-space:normal;text-align:left}.login-page .error-message ion-text[color=danger] p{margin:0;padding:0;background:transparent;border:none;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}@media(max-width:480px){.login-container{padding:1rem}.logo-section{margin-bottom:2rem}.cear-logo{padding:30px}.sethub-logo{width:100px;height:100px}.login-form{padding:2rem 1.5rem;max-width:100%}.remember-me-label{font-size:.85rem}}.remember-me-item ion-checkbox:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.input-group ion-item,.remember-me-item,.login-button{transition:all .2s ease}.login-form{animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-page .footer{bottom:20px}.login-page .footer-text{position:absolute;bottom:0;right:22px;text-align:right;font-size:.75rem;color:var(--ion-text-color);opacity:.4;margin:0;pointer-events:none}.login-page :root[data-theme-style=standard] body.dark .footer-text,.login-page html[data-theme-style=standard] body.dark .footer-text,.login-page :root[data-theme-style=standard] .dark .footer-text,.login-page html[data-theme-style=standard] .dark .footer-text{opacity:.3}ion-toast.login-toast{--background: var(--ion-background-color, #1a1a1a);--color: var(--ion-text-color, #ffffff);--border-radius: 12px;--box-shadow: 0 12px 32px rgba(0, 0, 0, .28);--start: 16px;--end: 16px;--max-width: 400px;--min-height: 52px;--offset-bottom: 28px;font-size:.875rem;font-weight:500;line-height:1.45;text-align:left;border:1px solid var(--item-border-color, rgba(255, 255, 255, .12))}ion-toast.login-toast::part(message){padding:14px 16px}ion-toast.login-toast.login-toast--warning{--background: rgba(245, 158, 11, .14);border-color:#f59e0b8c}ion-toast.login-toast.login-toast--danger{--background: rgba(239, 68, 68, .14);border-color:#ef44448c}body.dark ion-toast.login-toast.login-toast--warning,.dark ion-toast.login-toast.login-toast--warning{--background: rgba(245, 158, 11, .18)}body.dark ion-toast.login-toast.login-toast--danger,.dark ion-toast.login-toast.login-toast--danger{--background: rgba(239, 68, 68, .18)}:root[data-theme-style=standard] ion-toast.login-toast,html[data-theme-style=standard] ion-toast.login-toast{--background: var(--item-background, #fafafa);--color: var(--ion-text-color);border-color:var(--item-border-color, rgba(0, 0, 0, .08))}:root[data-theme-style=standard] body.dark ion-toast.login-toast,html[data-theme-style=standard] body.dark ion-toast.login-toast,:root[data-theme-style=standard] .dark ion-toast.login-toast,html[data-theme-style=standard] .dark ion-toast.login-toast{--background: var(--ion-background-color);border-color:var(--item-border-color, rgba(255, 255, 255, .12))}
