@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";.pwa-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--text-inverse) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem}.pwa-card{width:min(520px,100%);background:color-mix(in srgb,var(--background-alt) 80%,var(--text-inverse) 20%);border-radius:28px;border:1px solid color-mix(in srgb,var(--text-on-color) 15%,transparent);box-shadow:0 30px 80px color-mix(in srgb,var(--text-inverse) 45%,transparent);padding:2.5rem 2rem;text-align:center;color:color-mix(in srgb,var(--text-on-color) 95%,var(--background) 5%);display:flex;flex-direction:column;gap:1.5rem}.pwa-logo{width:120px;height:120px;border-radius:24px;margin:0 auto;background:color-mix(in srgb,var(--text-on-color) 10%,transparent);padding:1.25rem;border:1px solid color-mix(in srgb,var(--text-on-color) 12%,transparent)}.pwa-card h2{font-size:1.6rem;margin:0}.pwa-card p{margin:0;color:color-mix(in srgb,var(--text-on-color) 85%,var(--background) 15%);line-height:1.5}.pwa-install-btn{border:none;border-radius:999px;font-size:1rem;font-weight:700;padding:.95rem 2rem;cursor:pointer;background:linear-gradient(135deg,var(--error),var(--warning));color:var(--text-on-color);transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 15px 30px color-mix(in srgb,var(--error) 45%,transparent)}.pwa-install-btn:hover{transform:translateY(-2px);box-shadow:0 20px 45px color-mix(in srgb,var(--error) 55%,transparent)}.pwa-dismiss-btn{border:1px solid color-mix(in srgb,var(--text-on-color) 20%,transparent);border-radius:999px;background:transparent;color:color-mix(in srgb,var(--text-on-color) 80%,var(--background) 20%);padding:.85rem 1.75rem;cursor:pointer;transition:background .2s ease}.pwa-dismiss-btn:hover{background:color-mix(in srgb,var(--text-on-color) 12%,transparent)}.pwa-instructions{background:#ffffff0d;border-radius:18px;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;font-weight:500}.instruction-icon{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;margin:0 .35rem;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff14}@media (max-width: 520px){.pwa-card{border-radius:22px;padding:2rem 1.5rem}.pwa-logo{width:96px;height:96px;padding:1rem}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--error) 45%,transparent),transparent 40%),radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--info) 50%,transparent),transparent 40%),var(--background);padding:var(--spacing-xl) var(--spacing-lg)}.auth-card{background:var(--glass-bg);padding:var(--spacing-xl);border-radius:var(--radius-xl);width:100%;max-width:460px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.auth-header{text-align:center;margin-bottom:var(--spacing-lg)}.auth-title{font-size:2rem;margin-bottom:.5rem}.auth-subtitle{color:var(--text-secondary)}.form-label{color:var(--text-primary)}.form-input{width:100%;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:color-mix(in srgb,var(--text-on-color) 8%,transparent);color:var(--text-primary)}.form-input:focus{border-color:var(--secondary);box-shadow:0 0 0 2px color-mix(in srgb,var(--info) 35%,transparent)}@keyframes onAutoFillStart{0%{opacity:0}to{opacity:1}}.form-input:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:1ms}.auth-button{width:100%;border:none;border-radius:var(--radius-md);padding:.85rem;background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--text-on-color);font-weight:600;margin-top:var(--spacing-md)}.auth-link{color:var(--secondary)}.auth-divider{margin:var(--spacing-md) 0;color:var(--text-muted)}.auth-divider:before{background:var(--border-color)}.auth-divider span{background:var(--glass-bg)}.error-message{background:var(--error-bg);border:1px solid color-mix(in srgb,var(--error) 45%,transparent);color:var(--error)}.info-message{background:var(--info-bg);border:1px solid color-mix(in srgb,var(--info) 45%,transparent);color:var(--secondary)}@media (max-width: 768px){.auth-container{padding:var(--spacing-lg)}}.contatti-container{position:fixed;inset:0;background-color:var(--background);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem;z-index:1;overflow-y:auto;color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contatti-header{display:flex;align-items:flex-start;flex-direction:column;margin-bottom:30px}.contatti-header h1{flex-grow:1;text-align:center;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.logo-section{display:flex;justify-content:center;align-items:center;margin-bottom:40px}.logo-image{max-width:180px;height:auto;transition:filter .2s ease}.logo-image.inverted{filter:invert(1) brightness(.9)}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px}.contact-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;border-radius:16px;text-decoration:none;background:var(--card);color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--glass-shadow);transition:transform .3s,box-shadow .3s,background-color .3s;min-height:180px}.contact-card:hover{background-color:color-mix(in srgb,var(--primary) 8%,transparent);transform:translateY(-4px);box-shadow:var(--shadow-soft)}.contact-card.disabled{pointer-events:none;opacity:.4;border-style:dashed;box-shadow:none;transform:none}.contact-icon{font-size:2.5rem;margin-bottom:15px;color:var(--secondary)}.contact-text{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:5px}.contact-detail{font-size:1rem;text-align:center;color:var(--text-muted)}.contact-info{background-color:var(--glass-bg);color:var(--text-secondary);border-radius:12px;padding:20px;text-align:center;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.contact-info .contact-hours{margin-top:.5rem;color:var(--text-primary)}.contacts-status{border:1px dashed var(--glass-border);color:var(--text-secondary);text-align:center;padding:20px;border-radius:12px;margin-bottom:20px}.contacts-status.error{color:var(--error);border-color:var(--error)}.contact-info a{color:var(--secondary);text-decoration:none;transition:all .3s ease}.contact-info a:hover{color:var(--primary-light);text-shadow:0 0 8px color-mix(in srgb,var(--primary) 45%,transparent)}@media (max-width: 768px){.contacts-grid{grid-template-columns:1fr 1fr}.contatti-header{flex-direction:column}.back-button{align-self:flex-start;margin-bottom:15px}}@media (max-width: 480px){.contacts-grid{grid-template-columns:1fr}.contact-card{min-height:150px}}.account-container.not-found-page{position:relative;overflow:hidden;isolation:isolate}.account-container.not-found-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,color-mix(in srgb,var(--primary) 8%,transparent) 0%,transparent 50%),radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--secondary) 5%,transparent) 0%,transparent 50%);pointer-events:none;z-index:0}.not-found-header{align-items:flex-start;gap:var(--spacing-xl)}.not-found-header-text{display:flex;flex-direction:column;gap:.3rem;max-width:640px;z-index:1}.not-found-kicker{font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.not-found-main{display:flex;flex-direction:column;gap:var(--spacing-xl);position:relative;z-index:1}.not-found-content{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-xl);align-items:center}.error-gif-container{margin:0 auto;max-width:400px;position:relative}.error-gif{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);border:1px solid var(--glass-border);transition:transform .3s ease}.error-gif:hover{transform:scale(1.02)}.error-gif-fallback{display:none;background:var(--surface-raised);border-radius:var(--radius-xl);padding:var(--spacing-xxl);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.fallback-animation{display:flex;justify-content:center;gap:var(--spacing-md)}.error-number{font-family:var(--font-display);font-size:4rem;font-weight:700;color:var(--primary);animation:bounce 2s infinite}.error-number:nth-child(2){animation-delay:.1s;color:var(--secondary)}.error-number:nth-child(3){animation-delay:.2s;color:var(--accent)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.error-details{display:flex;flex-direction:column;gap:var(--spacing-lg);text-align:left;align-items:flex-start}.error-message{padding:0}.error-title{font-family:var(--font-display);font-size:clamp(2rem,3vw,2.8rem);color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:700;line-height:1.2}.error-description{color:var(--text-secondary);line-height:1.6;font-size:1.1rem;margin:0}.not-found-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-start;flex-wrap:wrap;margin-top:var(--spacing-md)}.not-found-action{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition);font-size:1rem;min-width:160px;justify-content:center;text-decoration:none}.not-found-action{border:1px solid transparent;transition:all var(--transition)}.ghost-action{background:var(--glass-bg);border-color:var(--glass-border);color:var(--text-primary);box-shadow:var(--glass-shadow)}.ghost-action:hover{background:var(--hover-color);border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 12px 30px color-mix(in srgb,var(--text-inverse) 40%,transparent)}.primary-action{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--text-on-color);box-shadow:var(--glass-shadow)}.primary-action:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));transform:translateY(-2px);box-shadow:0 12px 30px color-mix(in srgb,var(--primary) 30%,transparent)}.btn-icon{font-size:1.2rem;transition:transform .2s ease}.not-found-action:hover .btn-icon{transform:scale(1.1)}@media (max-width: 768px){.not-found-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.error-gif-container{max-width:320px}.error-details{text-align:center;align-items:center}.error-number{font-size:3rem}.not-found-actions{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.not-found-action{width:100%;max-width:280px;padding:var(--spacing-md) var(--spacing-lg);margin:0 auto}}@media (max-width: 480px){.error-gif-container{max-width:280px}.error-number{font-size:2.5rem}.error-title{font-size:1.8rem}.error-description{font-size:1rem}.not-found-action{min-width:auto;width:100%;padding:var(--spacing-sm) var(--spacing-md)}}:root{--font-sans: "Inter", "Space Grotesk", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--font-display: "Space Grotesk", "Inter", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", SFMono-Regular, "Roboto Mono", Menlo, monospace;--tone-base-025: #f8f9f4;--tone-base-050: #edf1e4;--tone-base-100: #d9e0c8;--tone-base-200: #bec79f;--tone-base-300: #889665;--tone-base-600: #4c5e3b;--tone-base-700: #344028;--tone-base-800: #202714;--tone-base-900: #12180b;--tone-base-950: #070d05;--tone-primary-050: #eaf6e6;--tone-primary-100: #c6e3c8;--tone-primary-300: #8ac284;--tone-primary-400: #5da66a;--tone-primary-500: #3f8d50;--tone-primary-600: #2d6f3c;--tone-secondary-050: #e9f5f2;--tone-secondary-100: #cde6e0;--tone-secondary-400: #68a1aa;--tone-secondary-500: #3f7e8d;--tone-secondary-600: #2b5860;--tone-accent-100: #ffe9c8;--tone-accent-400: #ffb872;--tone-accent-500: #ff9957;--tone-success-400: #54c690;--tone-success-500: #2ea56f;--tone-warning-500: #e9a940;--tone-error-500: #ff6b6b;--tone-error-600: #d94b4b;--background: color-mix(in srgb, var(--tone-base-950) 82%, var(--tone-base-800) 18%);--background-alt: color-mix(in srgb, var(--background) 70%, var(--tone-base-600) 30%);--background-elevated: color-mix(in srgb, var(--background) 58%, var(--tone-base-300) 42%);--surface: color-mix(in srgb, var(--tone-base-900) 50%, var(--tone-primary-500) 50%);--surface-raised: color-mix(in srgb, var(--surface) 55%, var(--tone-primary-600) 45%);--surface-overlay: rgba(6, 11, 8, .92);--surface-muted: color-mix(in srgb, var(--surface) 58%, var(--tone-base-200));--surface-highlight: color-mix(in srgb, var(--surface-raised) 60%, var(--tone-accent-100));--card: color-mix(in srgb, var(--surface-raised) 80%, var(--surface) 20%);--glass-bg: color-mix(in srgb, rgba(8, 14, 10, .85) 70%, var(--tone-primary-600) 30%);--glass-border: color-mix(in srgb, rgba(255, 255, 255, .3) 40%, var(--tone-primary-500) 60%);--glass-shadow: 0 35px 55px rgba(3, 5, 8, .55);--stat-card-bg: color-mix(in srgb, var(--surface) 35%, rgba(3, 5, 4, .85));--stat-card-border: color-mix(in srgb, var(--border-color) 65%, rgba(0, 0, 0, .35));--border-color: color-mix(in srgb, var(--tone-primary-600) 35%, rgba(255, 255, 255, .2) 65%);--border-color-dark: color-mix(in srgb, var(--tone-primary-600) 65%, rgba(0, 0, 0, .45));--border-radius: 18px;--text-primary: #f7f8f5;--text-secondary: #c9cfbe;--text-muted: #96a08c;--text-inverse: #050806;--text-strong: var(--text-primary);--text-on-color: #ffffff;--text-on-muted: color-mix(in srgb, var(--text-secondary) 70%, var(--text-inverse) 30%);--page-title-color: color-mix(in srgb, var(--text-primary) 80%, #ffffff 20%);--primary: var(--tone-primary-500);--primary-light: var(--tone-primary-300);--primary-dark: var(--tone-primary-600);--secondary: var(--tone-secondary-500);--accent: var(--tone-accent-500);--highlight: #b4f29b;--hover-color: rgba(255, 255, 255, .13);--gradient-primary: var(--primary);--success: var(--tone-success-500);--success-soft: color-mix(in srgb, var(--success) 18%, transparent);--success-strong: color-mix(in srgb, var(--success) 85%, var(--text-inverse) 15%);--success-bg: color-mix(in srgb, var(--success) 20%, transparent);--warning: var(--tone-warning-500);--warning-soft: color-mix(in srgb, var(--warning) 18%, transparent);--warning-strong: color-mix(in srgb, var(--warning) 80%, var(--text-inverse) 20%);--warning-bg: color-mix(in srgb, var(--warning) 18%, transparent);--error: var(--tone-error-500);--error-soft: color-mix(in srgb, var(--error) 20%, transparent);--error-strong: color-mix(in srgb, var(--error) 85%, var(--text-inverse) 15%);--error-bg: color-mix(in srgb, var(--error) 20%, transparent);--info: color-mix(in srgb, var(--accent) 60%, var(--primary) 40%);--info-soft: color-mix(in srgb, var(--info) 20%, transparent);--info-strong: color-mix(in srgb, var(--info) 85%, var(--text-inverse) 15%);--info-bg: rgba(115, 179, 255, .12);--status-confirmed-border: var(--success);--status-pending-border: var(--warning);--status-cancelled-background: color-mix(in srgb, var(--error) 16%, transparent);--input-bg: rgba(255, 255, 255, .08);--dark-bg: var(--background);--dark-card: var(--surface);--box-shadow: 0 30px 80px rgba(0, 0, 0, .55);--shadow-soft: 0 16px 38px rgba(4, 6, 12, .5);--radius-sm: 8px;--radius-md: 18px;--radius-lg: 26px;--radius-xl: 34px;--spacing-xs: .3rem;--spacing-sm: .6rem;--spacing-md: .9rem;--spacing-lg: 1.25rem;--spacing-xl: 1.8rem;--spacing-xxl: 2.6rem;--ui-zoom: 5;--ui-scale-factor: 1;--transition-fast: .12s ease;--transition: .26s ease;--transition-slow: .42s cubic-bezier(.19, 1, .22, 1);--app-background-pattern: none}@media (max-width: 768px){:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-xxl: 2.2rem}}:root[data-theme=light]{--background: #f7f8f3;--background-alt: #ecf0e4;--surface: #ffffff;--surface-raised: #f7faf1;--surface-overlay: rgba(255, 255, 255, .95);--surface-muted: #eef3e7;--card: var(--surface);--text-primary: #11150d;--text-secondary: #404a32;--text-muted: #687357;--glass-bg: rgba(255, 255, 255, .92);--glass-border: rgba(36, 41, 33, .16);--glass-shadow: 0 20px 45px rgba(15, 23, 71, .08);--input-bg: rgba(10, 15, 30, .05);--border-color: rgba(36, 41, 33, .12);--border-color-dark: rgba(36, 41, 33, .2);--primary: #4a8b46;--secondary: #3f7e8d;--accent: #ff8b6b;--hover-color: rgba(15, 25, 20, .08);--stat-card-bg: color-mix(in srgb, var(--surface) 92%, rgba(0, 0, 0, .03));--stat-card-border: color-mix(in srgb, var(--border-color) 85%, rgba(0, 0, 0, .08));--page-title-color: color-mix(in srgb, var(--text-primary) 75%, #000000 25%)}@media (prefers-color-scheme: light){:root:not([data-theme]){--background: #f7f8f3;--background-alt: #ecf0e4;--surface: #ffffff;--surface-raised: #f7faf1;--surface-overlay: rgba(255, 255, 255, .95);--surface-muted: #eef3e7;--card: var(--surface);--text-primary: #11150d;--text-secondary: #404a32;--text-muted: #687357;--glass-bg: rgba(255, 255, 255, .92);--glass-border: rgba(36, 41, 33, .12);--glass-shadow: 0 20px 45px rgba(15, 23, 71, .08);--input-bg: rgba(10, 15, 30, .05);--border-color: rgba(36, 41, 33, .12);--border-color-dark: rgba(36, 41, 33, .2);--primary: #4a8b46;--secondary: #3f7e8d;--accent: #ff8b6b;--hover-color: rgba(15, 25, 20, .08);--stat-card-bg: color-mix(in srgb, var(--surface) 92%, rgba(0, 0, 0, .03));--stat-card-border: color-mix(in srgb, var(--border-color) 85%, rgba(0, 0, 0, .08));--page-title-color: color-mix(in srgb, var(--text-primary) 75%, #000000 25%)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;min-height:100%;background-color:var(--background);background-image:var(--app-background-pattern);background-repeat:no-repeat;background-attachment:fixed;font-size:calc(16px * var(--ui-scale-factor, 1))}body{font-family:var(--font-sans);background:transparent;color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;line-height:1.5}body:before,body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}body:before{background:none;opacity:0}body:after{background:none;opacity:0}#root{min-height:100vh;position:relative;background:transparent}a{text-decoration:none;color:var(--primary);transition:color var(--transition)}a:hover{color:var(--secondary)}img,picture,video{max-width:100%;display:block}button{font-family:inherit;border:none;background:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.loading-spinner{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;max-width:320px;margin:var(--spacing-lg) auto;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff0f,0 22px 40px #05081459;color:var(--text-secondary);font-weight:600;letter-spacing:.03em}.loading-spinner:before{content:"";width:1.8rem;height:1.8rem;border-radius:50%;border:3px solid transparent;border-top-color:var(--primary);border-left-color:color-mix(in srgb,var(--secondary) 70%,transparent);animation:loading-spin .85s linear infinite;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}.loading-spinner.large:before{width:2.4rem;height:2.4rem;border-width:4px}.loading-spinner.small:before{width:1.2rem;height:1.2rem;border-width:2px}.loading-spinner:empty{padding:var(--spacing-md);min-height:2.4rem}.loading-spinner.small,button .loading-spinner,.action-btn .loading-spinner,.loading-spinner.inline{width:auto;max-width:none;margin:0;padding:0;background:transparent;box-shadow:none;letter-spacing:normal}button .loading-spinner,.action-btn .loading-spinner{display:inline-flex;margin-right:var(--spacing-xs)}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-loading{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg)}.page-loading .loading-spinner{margin:0;width:min(80vw,320px)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:var(--primary-dark);border-radius:999px}.page-shell,.account-container{--shell-v-gap: clamp(1.75rem, 4vh, 4rem);--shell-h-gap: clamp(2rem, 7vw, 5rem);width:min(1160px,calc(100% - var(--shell-h-gap)));max-width:100%;margin:var(--shell-v-gap) auto;padding:clamp(1.8rem,2.5vw,3.2rem) clamp(1.4rem,3vw,3rem);min-height:calc(100vh - (var(--shell-v-gap) * 2));background:color-mix(in srgb,var(--surface-overlay) 62%,rgba(255,255,255,.04));border-radius:clamp(1.5rem,3vw,2.75rem);border:1px solid color-mix(in srgb,var(--border-color) 75%,rgba(255,255,255,.15));box-shadow:var(--box-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@media (min-width: 1440px){.page-shell,.account-container{width:min(1320px,calc(100% - 6rem));padding:clamp(2rem,2vw,3.5rem) clamp(2rem,2.5vw,3.75rem)}}.page-shell.compact,.account-container.compact-theme{max-width:960px}.page-shell.dark-theme,.account-container.dark-theme{background:transparent}.page-header,.account-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.page-title-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);text-align:center;position:relative}.page-title-header .page-title{margin:0;width:100%;color:var(--page-title-color, var(--text-primary))}.page-title-header .page-title-back{position:absolute;left:0;top:50%;transform:translateY(-50%)}.page-header h1,.account-header h1{font-family:var(--font-display);font-size:clamp(1.8rem,2.4vw,2.6rem);color:var(--text-primary)}.page-description{color:var(--text-secondary);max-width:640px}.page-main,.account-main-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.card,.surface-card{position:relative;z-index:0;background:var(--card);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid color-mix(in srgb,var(--border-color) 70%,rgba(255,255,255,.08));box-shadow:var(--shadow-soft);overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card:before,.surface-card:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:none;pointer-events:none}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.card h2,.surface-card h2{margin-top:0;margin-bottom:var(--spacing-md);font-size:1.4rem;font-weight:600;color:var(--text-primary)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.stat-card{background:var(--stat-card-bg);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--stat-card-border);position:relative;overflow:hidden;color:var(--text-primary);box-shadow:0 18px 35px #00000073}.stat-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.btn,.back-btn,.save-btn,.delete-account-btn,.accept-privacy-btn,.close-popup-btn,.delete-btn,.duplicate-btn,.cancel-btn,.save-changes-btn,.form-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.4rem;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:var(--transition);border:1px solid color-mix(in srgb,var(--primary) 65%,rgba(255,255,255,.25));background:var(--primary);color:var(--text-on-color);box-shadow:none}.btn-primary,.save-btn,.accept-privacy-btn{background:var(--primary);color:var(--text-on-color);border-color:color-mix(in srgb,var(--primary) 75%,rgba(255,255,255,.25));box-shadow:none}.btn-primary:hover,.save-btn:hover:not(:disabled),.accept-privacy-btn:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--primary) 85%,rgba(255,255,255,.2))}.btn-secondary{background:var(--secondary);color:var(--text-on-color);border-color:color-mix(in srgb,var(--secondary) 70%,var(--text-inverse) 20%);box-shadow:none}.btn-outline,.back-btn,.cancel-btn,.close-popup-btn,.link-button{background:transparent;border-color:var(--border-color);color:var(--text-primary)}.btn-outline:hover,.back-btn:hover,.cancel-btn:hover,.close-popup-btn:hover,.link-button:hover{border-color:var(--secondary);color:var(--secondary)}.btn-danger,.delete-account-btn,.delete-btn{background:var(--error);border-color:color-mix(in srgb,var(--error) 70%,rgba(0,0,0,.3));color:var(--text-on-color);box-shadow:none}.btn-success{background:var(--success);border-color:color-mix(in srgb,var(--success) 70%,rgba(255,255,255,.25));color:var(--text-on-color);box-shadow:none}.btn:disabled,.save-btn:disabled,.duplicate-btn:disabled,.form-actions button:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.back-btn{padding-inline:1.6rem;border-radius:var(--radius-sm);font-size:.85rem}.back-btn-mobile{position:fixed;top:1rem;left:1rem;width:50px;height:50px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 55%,rgba(255,255,255,.35));background:var(--surface-raised);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--text-primary);z-index:1200;display:none;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 12px 25px #04081059}.back-btn-mobile:hover{background:var(--surface-highlight);transform:scale(1.05);box-shadow:0 15px 32px #03060e66}.back-btn-mobile.scrolled{opacity:0;pointer-events:none;transform:translateY(12px)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label,.field-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.form-group input,.form-group select,.form-group textarea,input,textarea,select{width:100%;background:var(--input-bg);border-radius:var(--radius-sm);border:1px solid var(--border-color);padding:.85rem 1rem;color:var(--text-primary);font-size:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--secondary);box-shadow:0 0 0 2px #29b6f633;outline:none}input:disabled,textarea:disabled,select:disabled,.disabled-field{opacity:.6;cursor:not-allowed}.field-helper,.form-group small{font-size:.8rem;color:var(--text-muted)}.field-error{font-size:.8rem;color:var(--error)}.image-upload-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.file-input{display:none}.file-input-label{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.4rem;border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;font-weight:600;letter-spacing:.05em}.file-input-label:hover{transform:translateY(-2px);box-shadow:0 12px 28px #ff4d5a59}.image-preview{position:relative;display:inline-flex}.image-preview img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--glass-border)}.remove-image-btn{position:absolute;top:-10px;right:-10px;width:32px;height:32px;border-radius:50%;background:var(--error);color:#fff;display:flex;align-items:center;justify-content:center;border:none;box-shadow:var(--shadow)}.remove-image-btn:hover{background:var(--error-red-dark)}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkbox-label{position:relative;padding-left:34px;cursor:pointer;color:var(--text-secondary)}.checkbox-label input{opacity:0;position:absolute}.checkmark{position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:6px;border:2px solid var(--border-color);background:var(--input-bg);transition:var(--transition)}.checkbox-label input:checked+.checkmark,.checkbox-label input:checked~.checkmark{background:var(--secondary);border-color:transparent}.checkmark:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}.checkbox-label input:checked~.checkmark:after{opacity:1}.privacy-status{color:var(--text-secondary);font-size:.9rem}.privacy-link{color:var(--secondary);margin-left:.25rem;text-decoration:underline;cursor:pointer}.privacy-link:hover,.privacy-link:focus-visible{color:var(--primary-light);outline:none}.link-button{color:var(--text-secondary);font-size:.9rem}.status-accepted{color:var(--success)}.status-pending{color:var(--warning)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.danger-zone{border:1px solid rgba(240,98,114,.4);background:#f0627214;border-radius:var(--radius-md);padding:var(--spacing-lg)}.danger-zone h2{color:var(--error)}.message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius-sm);border:1px solid transparent}.message .icon{font-size:1.2rem}.message-content{flex:1}.message.success{background:var(--success-bg);color:var(--success);border-color:#1ccd8d59}.message.error{background:var(--error-bg);color:var(--error);border-color:#f0627259}.message.warning{background:#f6c3431f;color:var(--warning);border-color:#f6c34359}.popup-overlay{position:fixed;inset:0;background:#02040ad9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);z-index:1500}.popup-content{width:min(700px,100%);background:var(--glass-bg);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);position:relative;max-height:80vh;overflow-y:auto}.popup-close{position:absolute;right:1.25rem;top:1.25rem;width:44px;height:44px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:1.25rem}.popup-close:hover{border-color:var(--primary);color:#fff}.popup-content h2,.popup-content h3,.popup-content h4{color:var(--text-primary)}.popup-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.accept-privacy-btn,.close-popup-btn{border-radius:var(--radius-sm)}.link-button{border-bottom:1px solid transparent;font-weight:600}.table{width:100%;border-collapse:collapse;border-radius:var(--radius-md);overflow:hidden}.table thead{background:#ffffff0a}.table th,.table td{padding:.9rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.table tbody tr:hover{background:#ffffff05}.status-pill{padding:.35rem .7rem;border-radius:999px;font-size:.8rem;font-weight:600;text-transform:capitalize}.status-pill.success{background:var(--success-bg);color:var(--success)}.status-pill.pending{background:#f6c34326;color:var(--warning)}.status-pill.error{background:var(--error-bg);color:var(--error)}.badge,.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:999px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border-color);color:var(--text-secondary)}.toggle-switch{width:56px;height:30px;border-radius:999px;border:1px solid var(--border-color);background:#ffffff14;position:relative;display:inline-flex;align-items:center;justify-content:flex-start;padding:0;cursor:pointer;transition:var(--transition)}.toggle-switch .toggle-slider{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 6px 18px #03071233;transition:var(--transition)}.toggle-switch.active{background:var(--success);border-color:transparent}.toggle-switch.inactive{background:#f0627259;border-color:transparent}.toggle-switch.active .toggle-slider{transform:translate(26px)}.toggle-switch.inactive .toggle-slider{transform:translate(0)}.toggle-switch:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.toggle-switch:disabled,.toggle-switch.disabled{opacity:.5;cursor:not-allowed}.skeleton{background:#ffffff14;animation:none}@media (max-width: 1024px){.page-shell,.account-container{padding-inline:var(--spacing-md)}}@media (max-width: 768px){.page-shell,.account-container{width:100%;max-width:100%;margin:0;padding:var(--spacing-xl) var(--spacing-md);border-radius:0;border:none;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.page-header,.account-header{flex-direction:column;align-items:flex-start}.page-title-header{align-items:flex-start;justify-content:flex-start;text-align:left}.page-title-header .page-title{text-align:left}.back-btn,.back-btn-mobile{display:none}.form-grid{grid-template-columns:1fr}.popup-content{padding:var(--spacing-lg)}.form-actions{flex-direction:column;width:100%}.form-actions button{width:100%}}@media (max-width: 520px){.back-btn-mobile{inset:auto auto 1rem 1rem;width:50px;height:50px}.page-shell,.account-container{width:100%;max-width:100%;padding-inline:var(--spacing-sm);padding-top:calc(var(--spacing-xxl) - .5rem)}}
