@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#0050cb;--primary-light:#06f;--primary-dark:#003d99;--primary-container:#dce2ff;--primary-glow:#0050cb1f;--on-primary:#fff;--tertiary:#ff6b35;--tertiary-container:#ffebe0;--background:#f9f9fc;--surface:#fff;--surface-container-low:#f3f3f6;--surface-container-lowest:#fff;--surface-container-high:#eaeaed;--surface-container-highest:#e2e2e5;--surface-tint:#0050cb14;--on-surface:#1a1c1e;--on-surface-variant:#424656;--on-surface-muted:#8e9099;--text-primary:#1a1c1e;--text-secondary:#424656;--text-muted:#8e9099;--success:#0faa6a;--success-container:#e6f9ef;--warning:#e8a517;--warning-container:#fff8e6;--error:#dc362e;--error-container:#fdecea;--info:#0050cb;--info-container:#dce2ff;--outline:#c2c6d826;--outline-variant:#c2c6d84d;--shadow-sm:0 1px 3px #1a1c1e08;--shadow-md:0 4px 12px #1a1c1e0a;--shadow-lg:0 20px 40px #1a1c1e0a;--shadow-float:0 20px 60px #1a1c1e14;--radius-sm:.75rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-2xl:3rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.22, 1, .36, 1);--font-display:"Plus Jakarta Sans", "Inter", -apple-system, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--sidebar-width:260px;--header-height:72px}@media (width<=768px){:root{--space-xl:20px;--space-lg:16px;--space-md:12px;--radius-xl:1.25rem;--radius-2xl:1.5rem;--sidebar-width:280px;--header-height:60px}}[data-theme=dark]{--background:#0a0a0c;--surface:#141416;--surface-container-low:#1c1c1f;--surface-container-lowest:#232326;--surface-container-high:#2a2a2e;--surface-container-highest:#333338;--surface-tint:#0066ff1f;--on-surface:#f1f1f3;--on-surface-variant:#b1b1b8;--on-surface-muted:#7c7c85;--success-container:#0faa6a26;--warning-container:#e8a51726;--error-container:#dc362e26;--info-container:#0050cb26;--primary-container:#0050cb40;--outline:#ffffff0a;--outline-variant:#ffffff14;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 20px 40px #00000080;--shadow-float:0 24px 64px #0009}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--background);color:var(--on-surface);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none}input,select,textarea{font-family:inherit;font-size:inherit;border:none;outline:none}ul,ol{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-container-low)}::-webkit-scrollbar-thumb{background:var(--surface-container-highest);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--on-surface-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--on-surface);font-weight:700;line-height:1.15}h1{letter-spacing:-.02em;font-size:2.5rem;font-weight:800}h2{letter-spacing:-.01em;font-size:1.875rem;font-weight:700}h3{font-size:1.375rem;font-weight:700}h4{font-size:1.125rem;font-weight:600}p{color:var(--on-surface-variant)}.container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.text-center{text-align:center}.text-secondary{color:var(--on-surface-variant)!important}.text-muted{color:var(--on-surface-muted)!important}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.btn{border-radius:var(--radius-full);font-family:var(--font-display);transition:var(--transition-base);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:600;display:inline-flex;position:relative}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:var(--on-primary);box-shadow:0 4px 16px var(--primary-glow)}.btn-primary:hover{box-shadow:0 8px 24px var(--primary-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--surface-container-high);color:var(--on-surface)}.btn-secondary:hover{background:var(--surface-container-highest)}.btn-tertiary{color:var(--primary);background:0 0;font-weight:600}.btn-tertiary:hover{background:var(--primary-glow)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#c42d26}.btn-ghost{color:var(--on-surface-variant);background:0 0}.btn-ghost:hover{background:var(--surface-container-low);color:var(--on-surface)}.btn-outline{color:var(--on-surface);border:1px solid var(--outline-variant);background:0 0}.btn-outline:hover:not(:disabled){background:var(--surface-container-low);border-color:var(--on-surface-variant)}.btn-outline:disabled{opacity:.3;cursor:not-allowed;border-color:var(--outline)}.btn-sm{padding:8px 16px;font-size:.8125rem}.btn-lg{padding:16px 32px;font-size:1rem}.btn-icon{border-radius:var(--radius-md);padding:10px}.theme-toggle{color:var(--on-surface-variant);transition:var(--transition-base);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{color:var(--primary);transform:rotate(15deg)}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--on-surface-variant);letter-spacing:.01em;font-size:.8125rem;font-weight:600}.form-input{background:var(--surface-container-low);border-radius:var(--radius-md);width:100%;color:var(--on-surface);transition:var(--transition-fast);border:2px solid #0000;padding:14px 18px;font-size:.9375rem}.form-input:focus{background:var(--surface-container-lowest);border-color:var(--primary-glow);box-shadow:0 0 0 4px var(--primary-glow)}.form-input::placeholder{color:var(--on-surface-muted)}.form-input:disabled{opacity:.4;cursor:not-allowed}.form-select{background:var(--surface-container-low);border-radius:var(--radius-md);width:100%;color:var(--on-surface);transition:var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23424656' d='M6 8.825L.35 3.175 1.175 2.35 6 7.175 10.825 2.35l.825.825z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:2px solid #0000;padding:14px 40px 14px 18px;font-size:.9375rem}.form-select:focus{background-color:var(--surface-container-lowest);border-color:var(--primary-glow)}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pending{background:var(--warning-container);color:var(--warning)}.badge-confirmed{background:var(--info-container);color:var(--info)}.badge-completed{background:var(--success-container);color:var(--success)}.badge-cancelled{background:var(--error-container);color:var(--error)}.card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-xl);transition:var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-elevated{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--on-surface-muted);border-bottom:1px solid var(--outline-variant);padding:12px 20px;font-size:.75rem;font-weight:600}.data-table td{color:var(--on-surface-variant);background:var(--surface);vertical-align:middle;border-bottom:1px solid var(--outline);padding:16px 20px;font-size:.875rem}.data-table tr td:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.data-table tr td:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.data-table tr:hover td{background:var(--surface-container-low);color:var(--on-surface)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;padding:var(--space-lg);background:#1a1c1e66;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--outline-variant);border-radius:var(--radius-2xl);width:100%;max-width:540px;max-height:90vh;box-shadow:var(--shadow-float);animation:.35s cubic-bezier(.22,1,.36,1) slideUp;overflow-y:auto}@media (width<=768px){.modal-overlay{padding:12px}.modal-header{padding:20px 20px 12px}.modal-body{padding:0 16px 16px}.modal-footer{padding:12px 16px 16px}}.modal-header{padding:var(--space-xl) var(--space-xl) var(--space-md);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:1.25rem}.modal-body{padding:0 var(--space-xl) var(--space-xl)}.modal-footer{justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-xl) var(--space-xl);display:flex}.stat-card{padding:var(--space-xl);border-radius:var(--radius-xl);background:var(--surface);transition:var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.stat-card .stat-icon{border-radius:var(--radius-lg);width:48px;height:48px;margin-bottom:var(--space-lg);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.stat-card .stat-value{font-family:var(--font-display);color:var(--on-surface);margin-bottom:6px;font-size:2rem;font-weight:800;line-height:1}.stat-card .stat-label{color:var(--on-surface-muted);font-size:.8125rem;font-weight:500}.toast-container{top:var(--space-lg);right:var(--space-lg);z-index:9999;gap:var(--space-sm);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-sm);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-float);min-width:320px;padding:16px 24px;font-size:.875rem;animation:.3s cubic-bezier(.22,1,.36,1) slideInRight;display:flex}.spinner{border:3px solid var(--surface-container-high);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.spinner-sm{border-width:2px;width:20px;height:20px}.spinner-lg{border-width:4px;width:48px;height:48px}.loading-screen{justify-content:center;align-items:center;gap:var(--space-md);background:var(--background);flex-direction:column;min-height:100vh;display:flex}.empty-state{padding:var(--space-4xl) var(--space-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state .empty-icon{margin-bottom:var(--space-lg);font-size:3.5rem}.empty-state h3{margin-bottom:var(--space-sm);color:var(--on-surface);font-size:1.25rem}.empty-state p{color:var(--on-surface-muted);max-width:400px;font-size:.9375rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.6}}.animate-fadeIn{animation:.4s fadeIn}.animate-slideUp{animation:.5s cubic-bezier(.22,1,.36,1) slideUp}@media (width<=768px){h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.125rem}.container{padding:0 var(--space-md)}.modal-content{border-radius:var(--radius-xl);max-width:calc(100vw - 32px);max-height:92vh}}.kvkk-modal-overlay{z-index:100000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.kvkk-modal-content{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:800px;height:90vh;max-height:800px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.kvkk-modal-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--outline);background:var(--surface-container-low);justify-content:space-between;align-items:center;display:flex}.kvkk-modal-header h2{font-family:var(--font-display);color:var(--on-surface);margin:0;font-size:1.25rem;font-weight:700}.kvkk-modal-body{padding:var(--space-xl);flex-direction:column;flex:1;display:flex;overflow:hidden}.kvkk-info-text{color:var(--on-surface-variant);margin-top:0;margin-bottom:var(--space-md);font-size:.9rem}.kvkk-pdf-container{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-md);flex:1;position:relative;overflow:hidden}.kvkk-pdf-viewer{border:none;width:100%;height:100%}.kvkk-modal-footer{padding:var(--space-md) var(--space-xl);border-top:1px solid var(--outline);background:var(--surface-container-low);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.kvkk-actions-right{gap:var(--space-sm);display:flex}@media (width<=768px){.kvkk-modal-overlay{padding:0}.kvkk-modal-content{border:none;border-radius:0;height:100vh;max-height:100vh}.kvkk-modal-header,.kvkk-modal-body{padding:var(--space-md)}.kvkk-modal-footer{padding:var(--space-md);flex-direction:column-reverse}.kvkk-modal-footer .btn{justify-content:center;width:100%}.kvkk-actions-right{gap:var(--space-sm);flex-direction:column;width:100%}}.auth-page{min-height:100vh;padding:var(--space-xl);background:var(--background);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-bg-effects{pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-glow{filter:blur(160px);border-radius:50%;position:absolute}.auth-glow-1{background:var(--primary);opacity:.06;width:600px;height:600px;top:-200px;right:-200px}.auth-glow-2{background:var(--tertiary);opacity:.04;width:400px;height:400px;bottom:-100px;left:-100px}.auth-card{background:var(--surface);border-radius:var(--radius-2xl);width:100%;max-width:440px;padding:var(--space-2xl) var(--space-xl);z-index:1;box-shadow:var(--shadow-lg);position:relative}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.auth-logo{margin:0 auto var(--space-lg);box-shadow:none;background:0 0;justify-content:center;align-items:center;font-size:1.75rem;display:flex}.auth-back-btn{color:var(--on-surface-variant);background:var(--surface-container-low);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;margin-bottom:var(--space-lg);transition:var(--transition-fast);align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;display:inline-flex}.auth-back-btn:hover{color:var(--on-surface);background:var(--surface-container-high)}.auth-logo-img{object-fit:contain;border-radius:var(--radius-xl);width:72px;height:72px}.auth-maverflow-logo-clip{width:210px;height:80px;margin:0 auto;position:relative;overflow:hidden}.auth-maverflow-logo{width:310px;max-width:none;height:auto;position:absolute;top:-58px;left:-50px}.auth-header h1{color:var(--on-surface);margin-bottom:4px;font-size:1.625rem}.auth-header p{color:var(--on-surface-muted);font-size:.9375rem}.auth-error{align-items:center;gap:var(--space-sm);background:var(--error-container);border-radius:var(--radius-md);color:var(--error);margin-bottom:var(--space-md);padding:14px 18px;font-size:.875rem;font-weight:500;display:flex}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.input-icon-wrapper{position:relative}.input-icon{color:var(--on-surface-muted);pointer-events:none;font-size:1.125rem;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-icon-right{color:var(--on-surface-muted);border-radius:var(--radius-sm);align-items:center;padding:4px;font-size:1.125rem;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-icon-right:hover{color:var(--on-surface);background:var(--surface-container-low)}.auth-submit{width:100%;margin-top:var(--space-sm);padding:16px;font-size:1rem}.auth-footer{text-align:center;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.auth-footer p{color:var(--on-surface-muted);font-size:.9375rem}.auth-footer a{color:var(--primary);font-weight:600}.auth-footer a:hover{text-decoration:underline}.dev-shortcuts{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px dashed var(--surface-container-highest)}.cookie-consent-overlay{z-index:9999;pointer-events:none;justify-content:flex-start;animation:.6s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;bottom:30px;left:30px;right:30px}.cookie-consent-card{background:var(--surface-container-high);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--outline-variant);pointer-events:all;border-radius:20px;width:100%;max-width:500px;padding:24px;transition:all .3s;box-shadow:0 20px 50px #0000004d}.cookie-consent-overlay.expanded .cookie-consent-card{max-width:600px}.cookie-content h3{color:var(--on-surface);margin:0 0 8px;font-size:1.1rem}.cookie-content p{color:var(--on-surface-variant);margin:0;font-size:.9rem;line-height:1.5}.cookie-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.cookie-list{flex-direction:column;gap:16px;margin-top:20px;display:flex}.cookie-item{background:var(--surface-container-low);border-radius:12px;align-items:flex-start;gap:16px;padding:12px;display:flex}.cookie-item-info strong{color:var(--on-surface);font-size:.9rem;display:block}.cookie-item-info p{color:var(--on-surface-variant);margin:4px 0 0;font-size:.8rem;line-height:1.4}.cookie-item input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--primary)}@media (width<=768px){.cookie-consent-overlay{bottom:20px;left:20px;right:20px}.cookie-actions{flex-direction:column-reverse}.cookie-actions button{width:100%}}.customer-layout{background:var(--background);flex-direction:column;min-height:100vh;display:flex}.customer-header{z-index:1000;background:0 0;border-bottom:1px solid #ffffff0d;width:100%;padding:15px 0;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0}.customer-header.solid-header{border-bottom:1px solid #ffffff1a;box-shadow:0 4px 30px #0000004d;background:#000000f2!important}.customer-layout.inner-page{padding-top:110px}.customer-header.scrolled{-webkit-backdrop-filter:blur(15px);border-bottom:1px solid #ffffff1a;padding:10px 0;box-shadow:0 4px 30px #0000004d;background:#000c!important}.header-inner{justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--primary), var(--primary-light));border-radius:var(--radius-md);width:40px;height:40px;box-shadow:0 4px 12px var(--primary-glow);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 2px 4px #0006);width:auto;max-width:150px;height:45px}.landing-header-logo{object-fit:contain;filter:drop-shadow(0 2px 4px #0006);transform-origin:0;width:auto;height:140px;display:block}.brand-name{font-family:var(--font-display);text-shadow:0 2px 4px #00000080;letter-spacing:-.5px;font-size:1.1rem;font-weight:800;color:#fff!important}.header-nav{align-items:center;gap:4px;display:flex}.header-link{text-shadow:0 1px 3px #0009;opacity:.85;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;transition:all .2s;display:flex;color:#fff!important;font-weight:600!important}.header-link:hover{opacity:1;border-bottom:2px solid #ffffff80}.header-link.active{opacity:1;border-bottom:2px solid #fff}.header-user{align-items:center;gap:4px;display:flex}.header-user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.landing-nav-actions{flex-flow:row;align-items:center;gap:16px;display:flex!important}@media (width<=850px){.landing-nav-actions{display:none!important}}.header-social-icons{flex-direction:row;align-items:center;gap:10px;display:flex}.header-social-link{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;text-decoration:none;transition:all .3s;display:flex}.mobile-nav-extras .header-social-link{color:var(--on-surface);background:var(--surface-container-high);border-color:var(--outline)}.header-social-link:hover{color:#fff;background:#4f46e5;border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e566}.customer-footer{padding:var(--space-2xl) 0;text-align:center}.customer-footer p{color:var(--on-surface-muted);font-size:.8125rem}.footer-powered{margin-top:4px;font-size:.75rem!important}.mobile-actions-wrapper{align-items:center;gap:12px;display:flex}.mobile-theme-toggle{color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;padding:8px;font-size:1.25rem;display:none}.mobile-menu-btn{color:var(--on-surface);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-fast);background:0 0;border:none;padding:8px;font-size:1.5rem;display:none}.mobile-menu-btn:hover{background:var(--surface-container-low)}.mobile-menu-overlay{display:none}.mobile-only,.mobile-nav-extras{display:none!important}@media (width<=850px){.desktop-only{display:none!important}.mobile-only,.mobile-nav-extras{display:flex!important}.mobile-menu-footer{border-top:1px solid #ffffff1a;flex-direction:column;align-items:center;gap:20px;width:100%;margin-top:auto;padding-top:24px}.mobile-theme-toggle{z-index:102;justify-content:center;align-items:center;display:flex}.mobile-menu-btn{z-index:102;display:flex}.mobile-menu-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99;background:#0006;display:block;position:fixed;inset:0}.header-nav{background:var(--surface);z-index:101;flex-direction:column;align-items:flex-start;gap:16px;width:260px;height:100vh;padding:80px 24px 24px;transition:right .3s;position:fixed;top:0;right:-100%;box-shadow:-8px 0 24px #00000026}.header-nav.mobile-open{right:0}.header-link{width:100%;text-shadow:none;padding:12px 16px;font-size:1rem;color:var(--on-surface)!important}.header-link:hover,.header-link.active{background:var(--surface-container-low);border-radius:var(--radius-md);border-bottom:none}.header-user{border-top:none;border-bottom:1px solid var(--border-color);flex-direction:row;order:-1;align-items:center;width:100%;margin-top:0;margin-bottom:10px;padding-top:0;padding-bottom:24px}.header-user .header-link{background:var(--surface-container-low);justify-content:flex-end;width:auto;padding:8px 16px}.brand-name{font-size:1rem}}.panel-layout{background:var(--background);width:100%;max-width:100vw;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.panel-sidebar{width:var(--sidebar-width);background:var(--surface-container-low);z-index:100;transition:var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.panel-layout.sidebar-collapsed .panel-sidebar{width:80px}.panel-layout.sidebar-collapsed .logo-text,.panel-layout.sidebar-collapsed .sidebar-close,.panel-layout.sidebar-collapsed .nav-item span,.panel-layout.sidebar-collapsed .nav-arrow,.panel-layout.sidebar-collapsed .user-details{display:none}.panel-layout.sidebar-collapsed .nav-item{justify-content:center;padding:12px}.panel-layout.sidebar-collapsed .nav-icon{margin:0}.panel-layout.sidebar-collapsed .user-info{justify-content:center;margin-bottom:12px}.panel-layout.sidebar-collapsed .sidebar-footer{padding:var(--space-md) 0;flex-direction:column}.panel-layout.sidebar-collapsed .sidebar-logo img{margin-left:0!important;transform:scale(1)!important}.sidebar-collapse-btn{background:var(--surface-container-high);border:1px solid var(--border-color);width:24px;height:24px;color:var(--on-surface-variant);cursor:pointer;z-index:101;transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:32px;right:-12px}.sidebar-collapse-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.sidebar-header{padding:var(--space-xl) var(--space-lg)}.sidebar-logo{align-items:center;gap:12px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary), var(--primary-light));border-radius:var(--radius-lg);justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex;box-shadow:0 4px 12px #0050cb33}.logo-text h3{font-family:var(--font-display);color:var(--on-surface);font-size:.9375rem;font-weight:700;line-height:1.2}.logo-text span{color:var(--on-surface-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.6875rem;font-weight:500}.sidebar-close{color:var(--on-surface-variant);padding:var(--space-sm);border-radius:var(--radius-sm);font-size:1.25rem;display:none}.sidebar-nav{padding:var(--space-sm) var(--space-md);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.nav-item{border-radius:var(--radius-md);color:var(--on-surface-variant);transition:var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;font-size:.875rem;font-weight:500;display:flex;position:relative}.nav-item:hover{background:var(--surface);color:var(--on-surface)}.nav-item.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm);font-weight:600}.nav-item.active .nav-icon{color:var(--primary)}.nav-icon{flex-shrink:0;font-size:1.125rem}.nav-arrow{opacity:0;transition:var(--transition-fast);margin-left:auto;font-size:.75rem}.nav-item:hover .nav-arrow,.nav-item.active .nav-arrow{opacity:.4}.sidebar-footer{padding:var(--space-md) var(--space-lg);align-items:center;gap:var(--space-sm);display:flex}.user-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.875rem;font-weight:700;display:flex}.user-details{flex-direction:column;min-width:0;display:flex}.user-name{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.user-role{color:var(--on-surface-muted);font-size:.6875rem}.btn-logout{color:var(--on-surface-muted);border-radius:var(--radius-md);transition:var(--transition-fast);align-items:center;padding:10px;font-size:1.125rem;display:flex}.btn-logout:hover{background:var(--error-container);color:var(--error)}.panel-layout.sidebar-collapsed .panel-main{margin-left:80px}.panel-main{margin-left:var(--sidebar-width);min-height:100vh;max-width:calc(100vw - var(--sidebar-width));background:var(--background);flex-direction:column;flex:1;min-width:0;display:flex;overflow-x:hidden}.panel-header{height:var(--header-height);padding:0 var(--space-xl);background:var(--background);z-index:50;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.menu-toggle{color:var(--on-surface-variant);padding:var(--space-sm);border-radius:var(--radius-md);font-size:1.375rem;display:none}.header-welcome{color:var(--on-surface-muted);font-size:.9375rem}.header-welcome strong{color:var(--on-surface);font-weight:600}.panel-content{padding:0 var(--space-xl) var(--space-xl);flex:1;animation:.3s fadeIn}@media (width<=768px){.panel-sidebar{box-shadow:none;width:var(--sidebar-width);max-width:85vw;transform:translate(-100%)}.panel-sidebar.open{box-shadow:var(--shadow-float);left:0;transform:translate(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#1a1c1e4d;animation:.2s fadeIn;display:block;position:fixed;inset:0}.sidebar-close{display:flex}.sidebar-header{justify-content:space-between;align-items:center;display:flex}.menu-toggle{display:flex}.panel-main{max-width:100vw;margin-left:0;padding-bottom:80px}.panel-content{padding:0 var(--space-md) var(--space-md);max-width:100vw;overflow-x:hidden}.panel-header{padding:0 var(--space-md)}.sidebar-footer{padding:var(--space-md);background:var(--surface-container-low);border-top:1px solid var(--outline);margin-top:auto}}.bottom-nav{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--outline-variant);z-index:90;height:70px;padding:0 var(--space-sm);display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000a}@media (width<=768px){.bottom-nav{justify-content:space-around;align-items:center;display:flex}}.bottom-nav-item{color:var(--on-surface-variant);min-width:64px;transition:var(--transition-fast);flex-direction:column;align-items:center;gap:4px;padding:8px;font-size:.75rem;font-weight:500;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-icon{font-size:1.25rem}.bottom-nav-item.active .bottom-nav-icon{transform:translateY(-2px)}html{scroll-behavior:smooth}.hero-section{padding:var(--space-4xl) 0 var(--space-3xl);position:relative;overflow:hidden}.hero-layout{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero-chip{background:var(--surface);border-radius:var(--radius-full);color:var(--on-surface-variant);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:8px 18px;font-size:.8125rem;font-weight:500;display:inline-flex}.chip-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-soft}.hero-left h1{font-size:3.25rem;font-family:var(--font-display);margin-bottom:var(--space-lg);letter-spacing:-.03em;color:var(--on-surface);font-weight:800;line-height:1.08}.hero-desc{color:var(--on-surface-variant);margin-bottom:var(--space-xl);align-items:center;gap:8px;max-width:480px;font-size:1.0625rem;line-height:1.7;display:flex}.hero-btns{flex-wrap:wrap;gap:12px;display:flex}.hero-dashboard-mockup{perspective:1000px;padding-left:20px;position:relative}.mockup-img{border:4px solid var(--surface-container-high);border-radius:20px;width:110%;height:auto;transition:transform .5s;transform:rotateY(-8deg)rotateX(4deg);box-shadow:0 30px 60px #0000001f,0 10px 20px #00000014}.hero-dashboard-mockup:hover .mockup-img{transform:rotateY(-2deg)rotateX(1deg)}.mockup-overlay{pointer-events:none;background:linear-gradient(135deg,#ffffff0d,#0000);border-radius:20px;position:absolute;inset:0}.floating-badge{background:var(--surface);box-shadow:var(--shadow-lg);z-index:10;border:1px solid var(--border);border-radius:16px;align-items:center;gap:10px;padding:12px 20px;font-size:.9rem;font-weight:700;animation:4s ease-in-out infinite float;display:flex;position:absolute}.badge-1{color:var(--success);animation-delay:0s;top:10%;left:-40px}.badge-2{color:var(--primary);animation-delay:1s;bottom:20%;right:-20px}.badge-icon{font-size:1.25rem}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(2deg)}}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse-glow{animation:3s infinite pulse-glow}@keyframes pulse-glow{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 15px #6366f100}to{box-shadow:0 0 #6366f100}}.problem-section{padding:var(--space-3xl) 0}.section-header{text-align:center;margin-bottom:var(--space-2xl)}.section-header h2{margin-bottom:var(--space-sm);color:var(--on-surface);font-size:1.875rem;font-weight:800}.section-header p{color:var(--on-surface-muted);font-size:1rem}.section-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-md);color:#fffc;background:#ffffff26;padding:6px 16px;font-size:.75rem;font-weight:600;display:inline-block}.problem-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.problem-card{text-align:center;padding:var(--space-xl)}.problem-icon{margin-bottom:var(--space-md);font-size:2.5rem}.problem-card h4{margin-bottom:var(--space-sm);color:var(--on-surface);font-size:1rem;font-weight:700}.problem-card p{color:var(--on-surface-muted);font-size:.875rem;line-height:1.7}.howit-section{padding:var(--space-4xl) 0;background:var(--background)}.journey-container{margin-top:var(--space-3xl);padding:0 var(--space-lg);position:relative}.journey-line{background:repeating-linear-gradient(to right, var(--border), var(--border) 10px, transparent 10px, transparent 20px);z-index:0;height:2px;position:absolute;top:40px;left:0;right:0}.journey-grid{gap:var(--space-3xl);z-index:1;grid-template-columns:repeat(3,1fr);display:grid;position:relative}.journey-step{text-align:center;padding:0 var(--space-md);flex-direction:column;align-items:center;display:flex}.journey-num-wrap{margin-bottom:var(--space-2xl);position:relative}.journey-num{background:var(--surface);border:4px solid var(--primary);width:80px;height:80px;color:var(--primary);font-family:var(--font-display);box-shadow:0 0 20px var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;font-size:1.875rem;font-weight:900;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.journey-step:hover .journey-num{transform:scale(1.15)rotate(10deg)}.journey-icon-row{border-radius:var(--radius-lg);background:var(--primary-container);width:52px;height:52px;margin:0 auto var(--space-lg);justify-content:center;align-items:center;display:flex}.journey-icon{color:var(--primary);font-size:1.375rem}.journey-content h4{margin-bottom:var(--space-sm);color:var(--on-surface);font-size:1.25rem;font-weight:800}.journey-content p{color:var(--on-surface-muted);max-width:280px;margin:0 auto;font-size:.9375rem;line-height:1.7}.journey-num--1{background:var(--primary);color:#fff;border-color:var(--primary)}.journey-num--2{background:var(--success);color:#fff;border-color:var(--success);box-shadow:0 0 20px #22c55e4d}.journey-num--3{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf64d}@media (width<=1024px){.journey-line{display:none}.journey-grid{gap:var(--space-2xl);grid-template-columns:1fr}.journey-step{text-align:left;gap:var(--space-xl);flex-direction:row;padding:0}.journey-num{flex-shrink:0;width:60px;height:60px;font-size:1.25rem}.journey-num-wrap{margin-bottom:0}.journey-icon-row{margin:0 0 var(--space-md) 0}.journey-content p{max-width:none;margin:0}}.features-dark-section{padding:var(--space-4xl) 0;border-radius:var(--radius-2xl);margin:0 var(--space-lg);color:#fff;background:#0f172a}.features-dark-section .section-header h2{color:#fff}.features-dark-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.feature-dark-card{padding:var(--space-xl);border-radius:var(--radius-xl);transition:var(--transition-base);background:#ffffff0f;border:1px solid #ffffff1a}.feature-dark-card:hover{background:#ffffff1a;transform:translateY(-3px)}.feature-dark-icon{color:var(--primary-light);margin-bottom:var(--space-md);font-size:1.5rem}.feature-dark-card h4{color:#fff;margin-bottom:var(--space-sm);font-size:1rem;font-weight:700}.feature-dark-card p{color:#ffffff8c;font-size:.8125rem;line-height:1.7}.cta-final-section{padding:var(--space-3xl) 0 var(--space-4xl)}.cta-final-card{text-align:center;padding:var(--space-3xl) var(--space-2xl);background:linear-gradient(135deg, var(--primary-dark), var(--primary), var(--primary-light));border-radius:var(--radius-2xl);color:#fff}.cta-final-card h2{color:#fff;margin-bottom:var(--space-md);font-size:2rem}.cta-final-card p{color:#fffc;margin-bottom:var(--space-xl);max-width:500px;margin-left:auto;margin-right:auto;font-size:1.0625rem}.cta-final-card .btn-primary{color:var(--primary);background:#fff;box-shadow:0 4px 20px #00000026}.cta-final-card .btn-primary:hover{box-shadow:0 8px 32px #0003}.salon-hero-section{align-items:center;min-height:60vh;display:flex;position:relative;overflow:hidden}@media (width>=768px){.salon-hero-section{align-items:center;min-height:92vh}}.customer-header{-webkit-backdrop-filter:blur(15px);background:#0003;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 30px #0003}.nav-links a,.nav-links .nav-link,.nav-links a.active{text-shadow:0 2px 10px #000c,0 1px 2px #000;letter-spacing:.5px;color:#fff!important;opacity:1!important;font-weight:700!important}.nav-links a:hover{opacity:.9;color:var(--primary-light)!important}.landing-header-logo span{text-shadow:0 2px 4px #00000080;font-weight:800;color:#fff!important}.salon-hero-default-bg{background:linear-gradient(135deg, #0d1117 0%, var(--primary-dark) 60%, var(--primary) 100%);position:absolute;inset:0}.hero-slider-overlay{z-index:1;background:linear-gradient(160deg,#000000d9 0%,#000000a6 50%,#00000059 100%);position:absolute;inset:0}.salon-hero-inner{z-index:2;width:100%;padding:120px 0 40px;position:relative}@media (width>=768px){.salon-hero-inner{padding:150px 0 var(--space-4xl)}}.salon-hero-content{text-align:left;flex-direction:column;align-items:flex-start;gap:0;max-width:680px;display:flex}.hero-chip{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);color:#fff;background:#0000004d;border:1px solid #fff3;align-items:center;gap:8px;margin-bottom:16px;padding:8px 18px;font-size:.8125rem;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #0000004d}.chip-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse-soft}.salon-hero-content h1{font-size:clamp(2.2rem,7vw,4rem);font-family:var(--font-display);letter-spacing:-.03em;color:#fff;text-shadow:0 2px 20px #0006;margin-bottom:16px;font-weight:900;line-height:1.1}.text-gradient{background:linear-gradient(135deg, var(--primary-light), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.salon-hero-address{color:#ffffffb3;align-items:flex-start;gap:8px;margin-bottom:28px;font-size:.9rem;line-height:1.5;display:flex}.salon-hero-address svg{color:#818cf8;flex-shrink:0;margin-top:2px}.salon-hero-subtitle{color:#ffffffbf;margin-bottom:20px;font-size:1.1rem;line-height:1.6}.hero-btns{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.hero-btns .btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-full);box-shadow:0 6px 24px var(--primary-glow);border:none;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .3s;display:inline-flex}.hero-btns .btn-primary:hover{box-shadow:0 10px 32px var(--primary-glow);transform:translateY(-2px)}.hero-btns .btn-secondary{-webkit-backdrop-filter:blur(12px);color:#fff;border-radius:var(--radius-full);background:#ffffff1f;border:1.5px solid #ffffff4d;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.hero-btns .btn-secondary:hover{background:#ffffff38;border-color:#ffffff80;transform:translateY(-2px)}.salon-hero-stats{flex-wrap:wrap;gap:10px;display:flex}.salon-stat-chip{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);color:#ffffffe6;background:#ffffff1a;border:1px solid #fff3;align-items:center;gap:7px;padding:9px 16px;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.salon-stat-chip:hover{background:#ffffff2e;border-color:#ffffff59}.salon-features-section{padding:var(--space-3xl) 0;background:var(--surface)}[data-theme=dark] .salon-features-section{background:var(--surface)}.salon-features-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.salon-features-grid{gap:var(--space-md);grid-template-columns:1fr}}.salon-feature-card{padding:var(--space-2xl);background:var(--background);border-radius:var(--radius-xl);border:1px solid var(--border);transition:var(--transition-base);position:relative;overflow:hidden}.salon-feature-card:before{content:"";opacity:0;border-radius:var(--radius-xl);transition:opacity .3s;position:absolute;inset:0}.salon-feature-card:hover{border-color:var(--primary);transform:translateY(-6px);box-shadow:0 20px 40px #0000001f}[data-theme=dark] .salon-feature-card:hover{box-shadow:0 20px 40px #0006}.salon-feature-icon{border-radius:var(--radius-lg);width:54px;height:54px;margin-bottom:var(--space-md);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.salon-feature-icon--blue{background:var(--primary-container);color:var(--primary)}.salon-feature-icon--green{color:#16a34a;background:#dcfce7}.salon-feature-icon--amber{color:#d97706;background:#fef3c7}[data-theme=dark] .salon-feature-icon--blue{background:var(--primary-container);color:var(--primary-light)}[data-theme=dark] .salon-feature-icon--green{color:#4ade80;background:#4ade801f}[data-theme=dark] .salon-feature-icon--amber{color:#fbbf24;background:#fbbf241f}.salon-feature-card h3{margin-bottom:var(--space-sm);color:var(--on-surface);font-size:1.0625rem;font-weight:700}.salon-feature-card p{color:var(--on-surface-muted);font-size:.875rem;line-height:1.7}.salon-services-section{padding:var(--space-3xl) 0;background:var(--background)}.salon-section-header{margin-bottom:var(--space-2xl);justify-content:space-between;align-items:flex-end;display:flex}.salon-section-header h2{color:var(--on-surface);margin-bottom:4px;font-size:1.75rem}.salon-section-header p{color:var(--on-surface-muted);font-size:.9375rem}@media (width<=768px){.salon-section-header{align-items:flex-start;gap:var(--space-md);flex-direction:column}}.salon-services-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}@media (width<=640px){.salon-services-grid{grid-template-columns:1fr}}.salon-service-card{padding:var(--space-xl);background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);gap:var(--space-sm);z-index:1;flex-direction:column;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative}[data-theme=dark] .salon-service-card{-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14}.salon-service-card:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}[data-theme=dark] .salon-service-card:hover{background:#ffffff0f;border-color:#818cf8;box-shadow:0 20px 40px #0006}.salon-service-top{justify-content:space-between;align-items:center;display:flex}.salon-service-top h4{color:var(--on-surface);font-size:1.05rem;font-weight:700}.salon-service-price{color:var(--primary);white-space:nowrap;font-size:1.2rem;font-weight:800}.salon-service-desc{color:var(--on-surface-muted);flex:1;font-size:.875rem;line-height:1.6}.salon-service-footer{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.salon-service-duration{color:var(--on-surface-muted);align-items:center;gap:5px;font-size:.8125rem;display:flex}.salon-service-book-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-full);transition:var(--transition-fast);white-space:nowrap;padding:8px 20px;font-size:.8125rem;font-weight:600}.salon-service-book-btn:hover{box-shadow:0 4px 16px var(--primary-glow);transform:translateY(-1px)}.salon-cta-band{padding:var(--space-3xl) 0;background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 60%, var(--primary-light) 100%);position:relative;overflow:hidden}.salon-cta-band:before{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-100px}.salon-cta-band-inner{justify-content:space-between;align-items:center;gap:var(--space-xl);z-index:1;flex-wrap:wrap;display:flex;position:relative}.salon-cta-band-inner h2{color:#fff;margin-bottom:6px;font-size:1.75rem}.salon-cta-band-inner p{color:#fffc;font-size:1rem}.btn-cta-white{color:var(--primary);border-radius:var(--radius-full);transition:var(--transition-base);white-space:nowrap;background:#fff;align-items:center;gap:8px;padding:14px 32px;font-weight:700;display:inline-flex;box-shadow:0 4px 20px #0003}@media (width<=768px){.salon-cta-band-inner{text-align:center;flex-direction:column}.salon-cta-band-inner h2{font-size:1.5rem}}.hero-slider-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-slide{opacity:0;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity 1.5s ease-in-out;position:absolute;top:0;left:0}.hero-slide.active{opacity:1}.booking-salon-info{background:linear-gradient(145deg, var(--surface) 0%, var(--surface-container-low) 100%);border-radius:var(--radius-2xl);border:1px solid var(--outline-variant);max-width:700px;margin:20px auto 40px;padding:40px 24px;position:relative;overflow:hidden;box-shadow:0 12px 40px #0000000a,inset 0 1px #fff9}[data-theme=dark] .booking-salon-info{background:linear-gradient(145deg, var(--surface-container-low) 0%, var(--surface-container-high) 100%);box-shadow:0 12px 40px #0006,inset 0 1px #ffffff0d}.booking-salon-info:before{content:"";background:radial-gradient(circle, var(--primary-glow) 0%, transparent 60%);opacity:.15;z-index:0;pointer-events:none;width:200%;height:200%;position:absolute;top:-50%;left:-50%}.booking-salon-info>*{z-index:1;position:relative}.booking-salon-info p.text-primary{letter-spacing:3px;text-transform:uppercase;color:var(--primary);margin-bottom:16px;font-size:.8125rem;font-weight:800}.booking-salon-info h1{font-family:var(--font-display);color:var(--on-surface);margin-bottom:12px;font-size:2.5rem;font-weight:800;line-height:1.2}.booking-salon-info .text-secondary{opacity:.85;max-width:500px;margin:0 auto;font-size:.95rem}@media (width<=768px){.booking-salon-info{margin:10px 20px 30px;padding:30px 20px}.booking-salon-info h1{font-size:2rem}}.booking-stepper{justify-content:center;align-items:center;gap:15px;margin:30px 0 50px;display:flex}.step-item{color:var(--on-surface-muted);transition:var(--transition-base);align-items:center;gap:10px;font-weight:500;display:flex}.step-item.active{color:var(--primary);font-weight:700}.step-item.completed{color:var(--success)}.step-num{background:var(--surface-container-high);width:32px;height:32px;transition:var(--transition-base);border-radius:50%;justify-content:center;align-items:center;font-size:.8125rem;display:flex}.step-item.active .step-num{background:var(--primary);color:#fff;box-shadow:0 4px 10px var(--primary-glow)}.step-item.completed .step-num{background:var(--success);color:#fff}.step-line{background:var(--surface-container-high);width:50px;height:2px}.booking-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.booking-card{background:var(--surface);cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid #0000;border-radius:20px;align-items:center;gap:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.booking-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-glow);transform:translateY(-5px)}.booking-card-icon{background:var(--surface-container-low);width:50px;height:50px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.booking-card-info h3{margin-bottom:4px;font-size:1.1rem}.booking-card-info p{color:var(--on-surface-variant);font-size:.85rem;line-height:1.4}.booking-card-meta{align-items:center;gap:12px;margin-top:10px;font-size:.8rem;font-weight:700;display:flex}.booking-card-meta .price{color:var(--primary)}.slots-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;display:grid}.slot-item{background:var(--surface-container-low);color:var(--on-surface);text-align:center;border:2px solid #0000;border-radius:12px;padding:12px 10px;font-size:.85rem;font-weight:700;transition:all .2s}.slot-item:hover{border-color:var(--primary)}.slot-item.selected{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.slot-item.booked{background:var(--surface-container-low);color:var(--on-surface-muted);opacity:.45;cursor:not-allowed;border-color:#0000;text-decoration:line-through}.slot-item:disabled{cursor:not-allowed}.booking-step-3-layout{grid-template-columns:1fr 1.5fr;gap:30px;display:grid}.step-3-sidebar{flex-direction:column;gap:30px;padding:24px;display:flex}.step-3-main{padding:24px}.summary-wrap{background:var(--surface-container-low);border-radius:12px;padding:16px}.summary-wrap h4{margin-bottom:12px}@media (width<=768px){.booking-stepper{gap:10px}.step-line{width:30px}.step-item span{display:none}.booking-grid{grid-template-columns:1fr}.step-title{font-size:1.25rem}.booking-content>div>div[style*="gridTemplateColumns: 1fr 1.5fr"]{grid-template-columns:1fr!important}.booking-step-3-layout{grid-template-columns:1fr;gap:16px}.step-3-sidebar{flex-direction:row;align-items:stretch;gap:12px;padding:16px}.date-picker-wrap{flex:1;min-width:0}.date-picker-wrap .form-label{font-size:.85rem;margin-bottom:4px!important}.date-picker-wrap .form-input{width:100%;padding:8px 10px;font-size:.85rem}.summary-wrap{flex:1;min-width:0;padding:10px 12px}.summary-wrap h4{color:var(--primary);margin-bottom:4px;font-size:.9rem}.step-3-main{padding:20px 16px}.slots-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}}.gallery-section{padding:var(--space-3xl) 0;background:var(--surface-container-lowest)}.gallery-grid{gap:var(--space-md);margin-top:var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.gallery-item{border-radius:var(--radius-xl);aspect-ratio:4/5;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;position:relative;overflow:hidden}.gallery-item:hover{box-shadow:var(--shadow-xl);z-index:10;transform:translateY(-8px)scale(1.02)}.gallery-item.no-click{cursor:default}.gallery-item.no-click:hover{box-shadow:var(--shadow-sm);transform:none}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{opacity:1;padding:var(--space-lg);color:#fff;background:linear-gradient(#0000 0%,#0000004d 40%,#000000d9 100%);flex-direction:column;justify-content:flex-end;transition:all .3s;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-overlay{background:linear-gradient(#0000 0%,#0006 30%,#000000f2 100%)}.gallery-overlay h4{color:#fff;text-shadow:0 2px 4px #00000080;margin-bottom:4px;font-size:1.125rem;font-weight:800;transition:all .3s}.gallery-overlay p{color:#fffffff2;text-shadow:0 1px 2px #00000080;font-size:.875rem;font-weight:500;transition:all .3s}.gallery-item:hover .gallery-overlay h4,.gallery-item:hover .gallery-overlay p{transform:none}.lightbox-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000e6;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.lightbox-content{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:1000px;max-height:90vh;display:flex;position:relative}.lightbox-image-container{border-radius:12px;justify-content:center;align-items:center;width:100%;height:70vh;display:flex;overflow:hidden}.lightbox-img{object-fit:contain;max-width:100%;max-height:100%;box-shadow:0 20px 50px #00000080}.lightbox-close{color:#fff;cursor:pointer;z-index:10000;-webkit-backdrop-filter:blur(8px);background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:fixed;top:20px;right:20px}.lightbox-close:hover{background:#000000e6;transform:scale(1.1)}@media (width<=768px){.lightbox-close{background:var(--primary);border:none;width:50px;height:50px;top:auto;bottom:25px;right:25px;box-shadow:0 4px 20px #0006}}.lightbox-nav{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#fff3;transform:translateY(-50%)scale(1.1)}.lightbox-prev{left:-70px}.lightbox-next{right:-70px}@media (width<=1200px){.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-nav{background:#0000004d}}.lightbox-footer{text-align:center;color:#fff;width:100%}.lightbox-footer h3{margin-bottom:5px;font-size:1.5rem;font-weight:700}.lightbox-footer p{color:#ffffffb3;font-size:1rem}.lightbox-thumbnails{flex-wrap:wrap;justify-content:center;gap:10px;max-width:600px;margin-top:20px;display:flex}.lightbox-thumb{cursor:pointer;opacity:.5;border:2px solid #0000;border-radius:6px;width:60px;height:60px;transition:all .2s;overflow:hidden}.lightbox-thumb.active{border-color:var(--primary);opacity:1;transform:scale(1.1)}.lightbox-thumb:hover{opacity:.8}.lightbox-thumb img{object-fit:cover;width:100%;height:100%}.lightbox-counter{color:var(--primary-light);letter-spacing:1px;margin-top:15px;font-size:.8rem;font-weight:600}.landing-page .customer-footer{background:var(--surface-container-low)}@media (width<=1024px){.hero-layout{grid-template-columns:1fr}.hero-right{display:none}}@media (width<=768px){.hero-left h1,.salon-hero-content h1{font-size:2.25rem}.problem-grid,.howit-grid,.features-dark-grid,.three-cards-grid,.gallery-grid{grid-template-columns:1fr}.features-dark-section{border-radius:0;margin:0}.cta-final-card{padding:var(--space-2xl) var(--space-lg)}.cta-final-card h2{font-size:1.5rem}}.landing-header-logo{object-fit:contain;width:auto;max-width:320px;height:56px}.landing-nav-actions{align-items:center;gap:10px;margin-left:8px;display:flex}.btn-outline-nav{border:1.5px solid var(--border);color:var(--on-surface);border-radius:var(--radius-full);transition:var(--transition-fast);background:0 0;padding:8px 20px;font-size:.875rem;font-weight:600}.btn-outline-nav:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-container)}.hero-social-proof{margin-top:var(--space-2xl);align-items:center;gap:14px;display:flex}.proof-avatars{align-items:center;display:flex}.proof-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border:2.5px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:-10px;font-size:.8rem;font-weight:700;transition:transform .2s;display:flex}.proof-avatars:hover .proof-avatar{margin-left:-4px}.proof-avatar:first-child{margin-left:0}.proof-text{flex-direction:column;gap:1px;display:flex}.proof-text strong{color:var(--on-surface);font-size:.9rem;font-weight:700}.proof-text span{color:var(--on-surface-muted);font-size:.8rem}.hero-stats-row{align-items:center;gap:var(--space-xl);margin-top:var(--space-lg);padding:var(--space-lg) var(--space-xl);background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex}.hero-stat{align-items:center;gap:12px;display:flex}.hero-stat-icon{color:var(--primary);flex-shrink:0;font-size:1.5rem}.hero-stat div{flex-direction:column;gap:2px;display:flex}.hero-stat strong{color:var(--on-surface);font-size:.9rem;font-weight:700}.hero-stat span{color:var(--on-surface-muted);font-size:.78rem}.hero-stat-divider{background:var(--border);width:1px;height:40px}@media (width<=768px){.hero-stats-row{gap:var(--space-md);flex-direction:column;align-items:flex-start}.hero-stat-divider{width:100%;height:1px}.landing-header-logo{height:36px}}.section-badge-light{background:var(--primary-container);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-md);color:var(--primary);padding:6px 16px;font-size:.75rem;font-weight:600;display:inline-block}.metrics-grid{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:repeat(4,1fr);display:grid}.metric-card{text-align:center;padding:var(--space-2xl) var(--space-xl);background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition-base)}.metric-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-glow);transform:translateY(-4px)}.metric-card--primary{background:linear-gradient(135deg, var(--primary), var(--primary-light));border-color:#0000}.metric-card--primary .metric-num,.metric-card--primary .metric-label,.metric-card--primary .metric-sub{color:#fff!important}.metric-num{font-size:2.5rem;font-weight:900;font-family:var(--font-display);color:var(--primary);margin-bottom:8px;line-height:1}.metric-label{color:var(--on-surface);margin-bottom:4px;font-size:1rem;font-weight:700}.metric-sub{color:var(--on-surface-muted);font-size:.8rem}@media (width<=768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}.cta-badge{border-radius:var(--radius-full);color:#fff;margin-bottom:var(--space-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff4d;padding:6px 18px;font-size:.8rem;font-weight:600;display:inline-block}.cta-actions{margin-bottom:var(--space-xl);flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.btn-cta-white{color:var(--primary);border-radius:var(--radius-full);transition:var(--transition-base);background:#fff;align-items:center;gap:8px;padding:14px 32px;font-weight:700;display:inline-flex;box-shadow:0 4px 20px #00000026}.btn-cta-white:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0003}.btn-cta-ghost{color:#fff;border-radius:var(--radius-full);transition:var(--transition-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1.5px solid #fff6;align-items:center;gap:8px;padding:14px 32px;font-weight:600;display:inline-flex}.btn-cta-ghost:hover{background:#ffffff40;border-color:#fff9}.cta-trust{justify-content:center;align-items:center;gap:var(--space-xl);color:#ffffffbf;flex-wrap:wrap;font-size:.85rem;display:flex}.cta-trust-icon{color:#ffffffe6;margin-right:4px}@media (width<=768px){.cta-trust{gap:var(--space-md);font-size:.8rem}}.booking-success-container{padding:var(--space-2xl) 0;justify-content:center;align-items:center;display:flex}.booking-success-card{background:var(--surface);border-radius:var(--radius-2xl);padding:var(--space-3xl);text-align:center;width:100%;max-width:480px;box-shadow:var(--shadow-xl);border:1px solid var(--border)}.success-icon-wrap{background:var(--success-container);width:80px;height:80px;margin:0 auto var(--space-xl);box-shadow:0 0 0 10px rgba(var(--success-rgb), .1);border-radius:50%;justify-content:center;align-items:center;animation:2s infinite pulse-success;display:flex}.success-icon-svg{color:var(--success);font-size:2.5rem}@keyframes pulse-success{0%{box-shadow:0 0 0 0 rgba(var(--success-rgb), .2)}70%{box-shadow:0 0 0 15px rgba(var(--success-rgb), 0)}to{box-shadow:0 0 0 0 rgba(var(--success-rgb), 0)}}.success-title{margin-bottom:var(--space-xs);color:var(--on-surface);font-size:2rem;font-weight:800}.success-subtitle{color:var(--on-surface-muted);margin-bottom:var(--space-2xl);font-size:1rem;line-height:1.5}.success-summary-box{background:var(--background);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-2xl);border:1px solid var(--border);text-align:left}.summary-row{padding:var(--space-sm) 0;border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;display:flex}.summary-row:last-child{border-bottom:none}.summary-row.highlight{border-top:1px solid var(--border);margin-top:var(--space-sm);padding-top:var(--space-md);border-bottom:none;padding-bottom:0}.summary-label{color:var(--on-surface-muted);font-size:.9375rem;font-weight:500}.summary-value{color:var(--on-surface);font-size:.9375rem;font-weight:600}.summary-value.text-primary{color:var(--primary);font-size:1.125rem;font-weight:800}.success-actions{gap:var(--space-sm);flex-direction:column;display:flex}.success-actions .btn{width:100%}.lp-hero{color:#fff;background:#090a0f;flex-direction:column;min-height:100vh;padding-top:100px;display:flex;position:relative;overflow:hidden}.lp-hero-bg{z-index:1;position:absolute;inset:0;overflow:hidden}.lp-mesh{filter:blur(100px);opacity:.5;border-radius:50%;animation:20s cubic-bezier(.4,0,.2,1) infinite alternate floatMesh;position:absolute}.lp-mesh-1{background:#6366f166;width:600px;height:600px;top:-100px;left:-100px}.lp-mesh-2{background:#8b5cf64d;width:500px;height:500px;animation-delay:-5s;bottom:-50px;right:-50px}.lp-mesh-3{background:#10b98133;width:400px;height:400px;animation-delay:-10s;top:40%;left:50%}@keyframes floatMesh{0%{transform:translate(0)scale(1)}50%{transform:translate(100px,-50px)scale(1.1)}to{transform:translate(-50px,100px)scale(.9)}}.lp-hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-top:60px;padding-bottom:120px;display:grid}.lp-hero-left{max-width:540px}.lp-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex;color:#fff!important}.lp-chip .chip-dot{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #10b98180}.lp-hero-h1{font-size:4.2rem;font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:24px;font-weight:800;line-height:1.05;color:#fff!important}.lp-gradient-text{background:linear-gradient(135deg,#a5b4fc,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.lp-hero-desc{margin-bottom:40px;font-size:1.15rem;line-height:1.6;color:#e2e8f0!important}.lp-hero-btns{gap:16px;margin-bottom:40px;display:flex}.lp-btn-primary{color:#fff;background:#4f46e5;border-radius:100px;align-items:center;gap:8px;padding:16px 32px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 10px 25px #4f46e566}.lp-btn-primary:hover{color:#fff;background:#4338ca;transform:translateY(-2px);box-shadow:0 15px 35px #4f46e580}.lp-btn-ghost{color:#fff;align-items:center;padding:16px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.lp-btn-ghost:hover{color:#a5b4fc}.lp-social-proof{align-items:center;gap:16px;display:flex}.lp-avatars{display:flex}.lp-avatar{color:#a5b4fc;background:#1e1b4b;border:2px solid #090a0f;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:-12px;font-weight:700;display:flex}.lp-avatar:first-child{margin-left:0}.lp-hero-right{perspective:1200px;position:relative}.lp-mockup-wrap{transition:transform .5s;position:relative;transform:rotateY(-12deg)rotateX(8deg)}.lp-mockup-wrap:hover{transform:rotateY(-4deg)rotateX(2deg)}.lp-mockup-img{border:1px solid #ffffff1a;border-radius:24px;width:100%;box-shadow:0 40px 80px #00000080,inset 0 0 0 1px #ffffff0d}.lp-float-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:16px;align-items:center;gap:12px;padding:12px 16px;animation:6s ease-in-out infinite alternate floatBadge;display:flex;position:absolute;box-shadow:0 20px 40px #0000004d}.lp-float-badge--1{bottom:10%;left:-15%}.lp-float-badge--2{animation-delay:-3s;top:20%;right:-10%}@keyframes floatBadge{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.lp-stats-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#0003;border-top:1px solid #ffffff1a;margin-top:auto;position:relative}.lp-stats-inner{grid-template-columns:repeat(4,1fr);gap:20px;padding:30px 0;display:grid}.lp-stat-item{text-align:center;border-right:1px solid #ffffff1a}.lp-stat-item:last-child{border-right:none}.lp-stat-num{color:#fff;margin-bottom:8px;font-size:2.5rem;font-weight:800;line-height:1}.lp-stat-label{color:#a5b4fc;font-size:.95rem;font-weight:600}.lp-stat-sub{color:#fff6;font-size:.75rem}.lp-journey-section{background:var(--background);padding:120px 0}.lp-section-head{text-align:center;max-width:600px;margin-bottom:80px;margin-left:auto;margin-right:auto}.lp-section-head--light h2{color:#fff}.lp-section-head h2{font-size:2.8rem;font-family:var(--font-display);letter-spacing:-.02em;margin:16px 0;font-weight:800}.lp-badge{background:var(--primary-container);color:var(--primary);text-transform:uppercase;letter-spacing:1px;border-radius:100px;padding:6px 16px;font-size:.85rem;font-weight:700;display:inline-block}.lp-badge--dark{color:#e2e8f0;background:#ffffff1a}.lp-steps{grid-template-columns:repeat(3,1fr);gap:40px;display:grid;position:relative}.lp-step-card{background:var(--surface);border:1px solid var(--outline-variant);border-radius:24px;padding:40px 30px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000008}.lp-step-card:hover{transform:translateY(-10px)}.lp-step-num{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;font-weight:800;display:flex;position:absolute;top:20px;right:20px}.lp-step-icon{margin-bottom:24px;font-size:3rem}.lp-step-title{margin-bottom:12px;font-size:1.4rem;font-weight:800}.lp-step-desc{color:var(--on-surface-muted);line-height:1.6}.lp-step-line{height:4px;position:absolute;bottom:0;left:0;right:0}.lp-features-section{background:#0f172a;padding:120px 0}.lp-features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.lp-feat{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;padding:32px;transition:all .3s}.lp-feat:hover{background:#ffffff0f;border-color:#ffffff26}.lp-feat--wide{grid-column:span 2}.lp-feat--primary{background:linear-gradient(135deg,#4f46e533,#4f46e50d);border-color:#4f46e54d}.lp-feat-icon{margin-bottom:20px;font-size:2.5rem}.lp-feat h3{color:#fff;margin-bottom:12px;font-size:1.3rem;font-weight:700}.lp-feat p{color:#94a3b8;font-size:.95rem;line-height:1.6}.lp-cta-section{background:var(--background);padding:120px 0}.lp-cta-card{text-align:center;color:#fff;background:#4f46e5;border-radius:32px;padding:80px 40px;position:relative;overflow:hidden;box-shadow:0 30px 60px #4f46e540}.lp-cta-bg-orb{filter:blur(60px);border-radius:50%;position:absolute}.lp-cta-orb-1{background:#818cf8;width:300px;height:300px;top:-100px;left:-100px}.lp-cta-orb-2{background:#c084fc;width:400px;height:400px;bottom:-150px;right:-100px}.lp-cta-title{font-size:3.5rem;font-family:var(--font-display);margin:24px 0;font-weight:800;line-height:1.1}.lp-cta-desc{color:#e0e7ff;max-width:600px;margin:0 auto 40px;font-size:1.2rem;line-height:1.6}.lp-cta-btns{justify-content:center;gap:16px;margin-bottom:40px;display:flex}.lp-cta-btn-white{color:#4f46e5;background:#fff;border-radius:100px;align-items:center;gap:10px;padding:18px 40px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .3s;display:inline-flex}.lp-cta-btn-white:hover{color:#4338ca;transform:translateY(-2px)}.lp-cta-btn-ghost{color:#fff;border:2px solid #ffffff4d;border-radius:100px;padding:18px 40px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s}.lp-cta-btn-ghost:hover{color:#fff;background:#ffffff1a;border-color:#fff}.lp-trust-row{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.lp-trust-item{color:#e0e7ff;align-items:center;gap:8px;font-size:.95rem;font-weight:500;display:flex}@media (width<=1024px){.lp-hero-h1{font-size:3.2rem}.lp-stats-inner{grid-template-columns:repeat(2,1fr);gap:40px}.lp-stat-item:nth-child(2){border-right:none}.lp-features-grid{grid-template-columns:repeat(2,1fr)}.lp-feat--wide{grid-column:span 1}.lp-steps{grid-template-columns:1fr;gap:24px}}@media (width<=768px){.lp-hero{padding-top:120px}.lp-hero-inner{text-align:center;grid-template-columns:1fr;padding-bottom:60px}.lp-hero-left{margin:0 auto}.lp-hero-desc{margin:0 auto 30px}.lp-hero-btns,.lp-social-proof{justify-content:center}.lp-hero-right{margin-top:40px}.lp-cta-title{font-size:2.2rem}.lp-cta-btns{flex-direction:column}.lp-trust-row{flex-direction:column;align-items:center;gap:12px}.lp-features-grid{grid-template-columns:1fr}}.admin-page{width:100%;max-width:100%;overflow-x:hidden}.page-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.page-header h1{font-family:var(--font-display);color:var(--on-surface);margin-bottom:4px;font-size:1.75rem;font-weight:800}.stats-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.stats-grid .stat-card{animation:.5s cubic-bezier(.22,1,.36,1) both slideUp}.info-cards-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(340px,1fr));display:grid}.info-card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-xl)}.info-card h3{margin-bottom:var(--space-md);color:var(--on-surface);font-size:1.0625rem}.quick-steps{margin-top:var(--space-md);flex-direction:column;gap:12px;display:flex}.quick-steps li{color:var(--on-surface-variant);align-items:center;gap:12px;font-size:.875rem;display:flex}.step-num{border-radius:var(--radius-full);background:var(--primary-container);width:28px;height:28px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.overview-list{gap:var(--space-lg);flex-direction:column;display:flex}.overview-item{align-items:center;gap:12px;font-size:.9375rem;display:flex}.overview-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.overview-item span{color:var(--on-surface-variant);flex:1}.overview-item strong{color:var(--on-surface);font-weight:700;font-family:var(--font-display)}.search-bar{margin-bottom:var(--space-lg);position:relative}.search-icon{color:var(--on-surface-muted);font-size:1.125rem;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.search-input{background:var(--surface);border-radius:var(--radius-lg);width:100%;color:var(--on-surface);transition:var(--transition-fast);border:2px solid #0000;padding:14px 20px 14px 48px;font-size:.9375rem}.search-input:focus{box-shadow:0 0 0 4px var(--primary-glow);border-color:#0050cb26}.search-input::placeholder{color:var(--on-surface-muted)}.barbers-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(360px,1fr));display:grid}.barber-card{background:var(--surface);border-radius:var(--radius-xl);transition:var(--transition-base);border:none;overflow:hidden}.barber-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.barber-card-header{padding:var(--space-xl);align-items:center;gap:12px;display:flex}.barber-color{border-radius:var(--radius-lg);flex-shrink:0;width:44px;height:44px}.barber-info{flex:1;min-width:0}.barber-info h3{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.barber-subdomain{color:var(--on-surface-muted);font-size:.75rem}.barber-status{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;padding:5px 12px;font-size:.6875rem;font-weight:600;display:flex}.barber-status.active{background:var(--success-container);color:var(--success)}.barber-status.inactive{background:var(--error-container);color:var(--error)}.barber-stats{background:var(--surface-container-low);grid-template-columns:repeat(3,1fr);display:grid}.barber-stat{padding:var(--space-md) var(--space-sm);flex-direction:column;align-items:center;display:flex}.barber-stat-value{font-family:var(--font-display);color:var(--on-surface);font-size:1.375rem;font-weight:800}.barber-stat-label{color:var(--on-surface-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:500}.barber-card-footer{padding:var(--space-sm) var(--space-md);align-items:center;gap:var(--space-xs);display:flex}.input-with-suffix{background:var(--surface-container-low);border-radius:var(--radius-md);transition:var(--transition-fast);border:2px solid #0000;align-items:center;display:flex;overflow:hidden}.input-with-suffix:focus-within{box-shadow:0 0 0 4px var(--primary-glow);background:var(--surface);border-color:#0050cb26}.input-with-suffix .form-input{box-shadow:none;background:0 0;border:none}.input-suffix{color:var(--on-surface-muted);white-space:nowrap;background:var(--surface-container-high);align-items:center;height:100%;padding:0 16px;font-size:.8125rem;display:flex}.dashboard-layout{gap:var(--space-lg);grid-template-columns:1fr 1.8fr .8fr;align-items:flex-start;display:grid}.dashboard-card{background:var(--surface);border-radius:var(--radius-2xl);border:1px solid var(--outline-variant);box-shadow:var(--shadow-sm);flex-direction:column;height:100%;display:flex;overflow:hidden}.card-header{padding:var(--space-lg);border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;display:flex}.card-header h3{color:var(--on-surface);align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.flow-container{max-height:600px;padding:var(--space-md);flex:1;overflow-y:auto}.flow-item{border-radius:var(--radius-lg);transition:var(--transition-base);border:1px solid #0000;align-items:center;gap:12px;padding:12px;display:flex}.flow-item:hover{background:var(--surface-container-low);border-color:var(--outline-variant)}.flow-time{color:var(--primary);flex-shrink:0;width:45px;font-size:.8125rem;font-weight:700}.flow-info{flex:1;min-width:0}.flow-name{color:var(--on-surface);font-size:.875rem;font-weight:600;display:block}.flow-service{color:var(--on-surface-muted);font-size:.75rem}.flow-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.vertical-stats{gap:var(--space-md);flex-direction:column;display:flex}.v-stat-card{padding:var(--space-lg);background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--outline-variant);transition:var(--transition-base);flex-direction:column;gap:8px;display:flex}.v-stat-card:hover{border-color:var(--primary-glow);transform:translate(-4px)}.v-stat-header{color:var(--on-surface-muted);align-items:center;gap:10px;font-size:.8125rem;display:flex}.v-stat-value{color:var(--on-surface);font-size:1.5rem;font-weight:800;font-family:var(--font-display)}@media (width<=1200px){.dashboard-layout{grid-template-columns:1fr 1fr}}@media (width<=768px){.dashboard-layout{grid-template-columns:1fr}.dashboard-card{height:auto}}.color-input-wrapper{background:var(--surface-container-low);border-radius:var(--radius-md);align-items:center;gap:12px;padding:10px 16px;display:flex}.color-input{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;width:36px;height:36px;padding:0}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border-radius:var(--radius-sm);border:none}.color-input-wrapper span{color:var(--on-surface-variant);font-family:SF Mono,Fira Code,monospace;font-size:.8125rem}.mobile-only{display:none!important}.desktop-only{display:block!important}@media (width<=768px){.admin-page{width:100%}.page-header{margin-bottom:var(--space-lg);flex-direction:column;align-items:stretch;gap:12px}.page-header h1{font-size:1.5rem}.page-header .btn{order:2;width:100%}.search-bar{margin-bottom:var(--space-md)}.search-input{padding:12px 16px 12px 42px;font-size:.875rem}.search-icon{font-size:1rem;left:14px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-card .stat-value{font-size:1.5rem}.stat-card .stat-icon{width:40px;height:40px;margin-bottom:12px}.barbers-grid,.info-cards-grid{grid-template-columns:1fr}.desktop-only{display:none!important}.mobile-only{display:block!important}.data-table-wrapper{-webkit-overflow-scrolling:touch;margin-left:calc(-1 * var(--space-md));margin-right:calc(-1 * var(--space-md));padding-left:var(--space-md);padding-right:var(--space-md);overflow-x:auto}.data-table{min-width:500px}.data-table th,.data-table td{padding:12px 14px;font-size:.8125rem}}.calendar-page-layout{gap:24px;height:calc(100vh - 120px);display:flex;overflow:hidden}.calendar-sidebar{background:var(--surface);width:320px;box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex-shrink:0;gap:16px;height:max-content;padding:20px;display:flex}.mini-calendar-header{justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600;display:flex}.mini-calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.mini-calendar-day-header{color:var(--secondary);margin-bottom:8px;font-size:.8rem;font-weight:600}.mini-calendar-cell{aspect-ratio:1;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;transition:all .2s;display:flex;position:relative}.mini-calendar-cell:hover:not(.empty){background:var(--surface-container-high)}.mini-calendar-cell.active{background:var(--primary);color:#fff;font-weight:600}.calendar-main-board{background:var(--surface);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:hidden}.board-header{border-bottom:1px solid var(--border);background:var(--surface-container-lowest);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.board-content{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;display:flex;position:relative;overflow:auto}.board-columns-header{background:var(--surface);z-index:10;border-bottom:1px solid var(--border);display:flex;position:sticky;top:0;box-shadow:0 4px 6px -4px #0000000d}.time-axis-header{border-right:1px solid var(--border);flex-shrink:0;width:60px}.employee-header{text-align:center;border-right:1px solid var(--border);flex:1;padding:12px;font-weight:600}.employee-header:last-child{border-right:none}.schedule-grid{display:flex;position:relative}.time-axis{border-right:1px solid var(--border);background:var(--surface-container-lowest);flex-shrink:0;width:60px;position:relative}.time-label{text-align:right;width:100%;color:var(--text-muted);padding-right:8px;font-size:.8rem;position:absolute;transform:translateY(-50%)}.employee-column{border-right:1px solid var(--border);background:var(--surface-container-lowest);flex:1;position:relative}.employee-column:last-child{border-right:none}.grid-line{border-top:1px solid var(--border);opacity:.5;pointer-events:none;width:100%;position:absolute}.grid-line.half-hour{border-top:1px dashed var(--border);opacity:.3}.empty-slot{cursor:pointer;opacity:0;background:rgba(var(--primary-rgb), .05);width:100%;color:var(--primary);border:1px dashed var(--primary);box-sizing:border-box;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;transition:opacity .2s;display:flex;position:absolute}.employee-column:hover .empty-slot:hover{opacity:1}.appointment-block{color:#111827;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent;border-top:1px solid #ffffff80;border-radius:6px;flex-direction:column;padding:8px 10px;font-size:.85rem;transition:transform .1s,box-shadow .2s;display:flex;position:absolute;left:4px;right:4px;overflow:hidden;box-shadow:0 3px 6px #0000000d}@media (width<=768px){.appointment-block{border-left-width:3px;border-radius:4px;padding:6px 8px}}.appointment-block:hover{filter:brightness(.95);z-index:5;transform:translateY(-1px);box-shadow:0 6px 12px #0000001a}.appointment-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.2px;margin-bottom:2px;font-weight:700;overflow:hidden}.appointment-subtitle{color:#374151;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;overflow:hidden}.appointment-popover{background:var(--surface);box-shadow:var(--shadow-lg);border:1px solid var(--border);z-index:9999;border-radius:8px;width:300px;padding:0;position:fixed;overflow:hidden}.popover-header{background:var(--primary);color:#fff;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;display:flex}.popover-body{color:var(--text);flex-direction:column;gap:10px;padding:16px;font-size:.9rem;display:flex}@media (width<=1024px){.calendar-page-layout{flex-direction:column;height:auto;overflow:visible}.calendar-sidebar{width:100%;height:auto;display:none}.calendar-sidebar.show-mobile{z-index:200;border-radius:0;width:100%;height:100vh;padding:24px;display:flex;position:fixed;inset:0}.calendar-main-board{width:100%;height:calc(100dvh - 120px);min-height:500px;margin-bottom:20px}}@media (width<=768px){.board-header{flex-wrap:wrap;gap:8px;padding:10px 14px}.time-axis,.time-axis-header{width:44px}.time-label{color:var(--on-surface-muted);padding-right:4px;font-size:.65rem}.employee-header{white-space:nowrap;text-overflow:ellipsis;padding:8px 4px;font-size:.75rem;font-weight:700;overflow:hidden}.appointment-block{border-radius:4px;padding:4px}.appointment-title{font-size:.7rem;font-weight:600;line-height:1.1}.appointment-subtitle{display:none}}.calendar-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:2000;background:#00000080;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.calendar-modal{background:var(--surface);border-radius:24px 24px 0 0;width:100%;max-width:500px;max-height:80vh;padding:24px;animation:.3s cubic-bezier(.22,1,.36,1) slideInUp;overflow-y:auto;box-shadow:0 -8px 32px #00000026}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sub-stats-row{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.sub-stat-card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-lg);cursor:pointer;transition:var(--transition-base);text-align:center;border:2px solid #0000;flex-direction:column;align-items:center;gap:6px;display:flex}.sub-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sub-stat-card.selected{border-color:var(--primary)}.sub-stat-icon{font-size:1.5rem}.sub-stat-value{font-size:1.75rem;font-weight:800;font-family:var(--font-display);color:var(--on-surface)}.sub-stat-label{color:var(--on-surface-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.sub-stat-card.active.selected{background:#22c55e14;border-color:#22c55e}.sub-stat-card.grace.selected{background:#f59e0b14;border-color:#f59e0b}.sub-stat-card.expired.selected{background:#ef444414;border-color:#ef4444}.sub-stat-card.none.selected{background:var(--primary-container)}.sub-alert-banner{border-radius:var(--radius-lg);margin-bottom:var(--space-md);align-items:center;gap:10px;padding:12px 18px;font-size:.875rem;display:flex}.sub-alert-banner.grace{color:#b45309;background:#f59e0b1a;border:1px solid #f59e0b4d}.sub-alert-banner.expired{color:#b91c1c;background:#ef44441a;border:1px solid #ef44444d}.sub-list{gap:var(--space-md);flex-direction:column;display:flex}.sub-card{background:var(--surface);border-radius:var(--radius-xl);transition:var(--transition-base);border:2px solid #0000;overflow:hidden}.sub-card:hover{box-shadow:var(--shadow-md)}.sub-card.active{border-color:#22c55e33}.sub-card.grace{border-color:#f59e0b59}.sub-card.expired{border-color:#ef44444d}.sub-card.none{border-color:var(--outline-variant);opacity:.85}.sub-card-header{padding:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.sub-barber-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.sub-barber-avatar{border-radius:var(--radius-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;font-weight:800;display:flex}.sub-barber-name{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:700;overflow:hidden}.sub-barber-domain{color:var(--on-surface-muted);font-size:.75rem}.sub-card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.sub-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;align-items:center;gap:4px;padding:4px 10px;font-size:.6875rem;font-weight:700;display:inline-flex}.sub-badge.status-active{color:#16a34a;background:#22c55e1f}.sub-badge.status-grace{color:#b45309;background:#f59e0b26}.sub-badge.status-expired{color:#dc2626;background:#ef44441f}.sub-badge.status-suspended{color:#6b7280;background:#6b72801f}.sub-badge.status-none{background:var(--surface-container-low);color:var(--on-surface-muted)}.sub-card-meta{align-items:center;gap:var(--space-md);padding:0 var(--space-lg) var(--space-md);color:var(--on-surface-variant);font-size:.8125rem;display:flex}.sub-card-meta span{white-space:nowrap;align-items:center;gap:5px;display:flex}.sub-no-sub-hint{padding:0 var(--space-lg) var(--space-md);color:var(--on-surface-muted);font-size:.8125rem;font-style:italic}.days-progress{flex:1;align-items:center;gap:10px;display:flex}.days-progress-bar{background:var(--surface-container-low);border-radius:99px;flex:1;height:6px;overflow:hidden}.days-progress-fill{border-radius:99px;height:100%;transition:width .5s}.days-left-label{white-space:nowrap;font-size:.75rem;font-weight:700}.sub-payments{border-top:1px solid var(--outline-variant);padding:var(--space-md) var(--space-lg);background:var(--surface-container-low)}.sub-payments-title{color:var(--on-surface-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:.8125rem;font-weight:700}.payment-row{background:var(--surface);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:6px;padding:8px 12px;font-size:.8125rem;display:flex}.payment-date{color:var(--on-surface-muted);align-items:center;gap:4px;min-width:80px;display:flex}.payment-period{color:var(--on-surface-variant);flex:1}.payment-months{background:var(--primary-container);color:var(--primary);border-radius:var(--radius-full);padding:2px 8px;font-size:.6875rem;font-weight:700}.payment-amount{color:var(--on-surface);font-weight:700;font-family:var(--font-display)}.payment-by{color:var(--on-surface-muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.payment-notes{width:100%;color:var(--on-surface-muted);padding-top:4px;font-size:.75rem;font-style:italic}.sub-empty{text-align:center;color:var(--on-surface-muted);padding:var(--space-md) 0;font-size:.875rem}.extend-current-status{border-radius:var(--radius-md);align-items:center;gap:10px;padding:10px 14px;font-size:.875rem;display:flex}.extend-current-status.status-active{color:#16a34a;background:#22c55e14}.extend-current-status.status-grace{color:#b45309;background:#f59e0b1a}.extend-current-status.status-expired{color:#dc2626;background:#ef444414}.extend-current-status.status-none{background:var(--surface-container-low)}.extend-preview{background:var(--primary-container);border-radius:var(--radius-md);color:var(--on-primary-container);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;font-size:.875rem;display:flex}.panel-sub-page{max-width:780px}.panel-sub-status-card{border-radius:var(--radius-2xl);padding:var(--space-2xl);margin-bottom:var(--space-lg);position:relative;overflow:hidden}.panel-sub-status-card.active{background:linear-gradient(135deg,#22c55e1a 0%,#10b9810d 100%);border:2px solid #22c55e40}.panel-sub-status-card.grace{background:linear-gradient(135deg,#f59e0b1a 0%,#eab3080d 100%);border:2px solid #f59e0b4d}.panel-sub-status-card.expired,.panel-sub-status-card.suspended{background:linear-gradient(135deg,#ef44441a 0%,#dc26260d 100%);border:2px solid #ef444440}.panel-sub-status-card.none{background:var(--surface);border:2px dashed var(--outline-variant)}.panel-sub-status-inner{justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;display:flex}.panel-sub-main-info h2{margin-bottom:6px;font-size:1.5rem;font-weight:800}.panel-sub-dates{color:var(--on-surface-variant);flex-direction:column;gap:4px;font-size:.875rem;display:flex}.panel-sub-days-big{text-align:right}.panel-sub-days-number{font-size:3rem;font-weight:900;font-family:var(--font-display);line-height:1}.panel-sub-days-label{color:var(--on-surface-muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.panel-sub-grace-warn{border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-md);margin-bottom:var(--space-lg);background:#f59e0b1f;border:1px solid #f59e0b4d;align-items:flex-start;gap:12px;display:flex}.panel-sub-grace-warn .warn-icon{flex-shrink:0;font-size:1.5rem}.panel-sub-grace-warn h4{color:#92400e;margin-bottom:4px;font-size:.9375rem;font-weight:700}.panel-sub-grace-warn p{color:#78350f;font-size:.875rem}.panel-sub-expired-warn{border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-md);margin-bottom:var(--space-lg);background:#ef44441a;border:1px solid #ef444440;align-items:flex-start;gap:12px;display:flex}.panel-sub-expired-warn .warn-icon{flex-shrink:0;font-size:1.5rem}.panel-sub-expired-warn h4{color:#991b1b;margin-bottom:4px;font-size:.9375rem;font-weight:700}.panel-sub-expired-warn p{color:#7f1d1d;font-size:.875rem}@media (width<=768px){.sub-stats-row{grid-template-columns:repeat(2,1fr)}.sub-card-header{flex-direction:column;align-items:flex-start}.sub-card-actions{flex-wrap:wrap}.sub-card-meta{flex-direction:column;align-items:flex-start}.payment-row{flex-direction:column;align-items:flex-start;gap:6px}.panel-sub-status-inner{flex-direction:column}.panel-sub-days-big{text-align:left}.panel-sub-days-number{font-size:2rem}}.profile-container{max-width:1400px;margin:1rem auto;padding:0 1.5rem}.profile-grid{grid-template-columns:300px 1fr;align-items:start;gap:1.5rem;display:grid}.profile-card{background:var(--surface-container-high);border:1px solid var(--border-color);border-radius:1.25rem;margin-bottom:1.5rem;padding:2rem;transition:all .3s;box-shadow:0 8px 30px #0000000a}[data-theme=dark] .profile-card{background:linear-gradient(145deg, var(--surface-container-low) 0%, var(--surface-container-high) 100%);border:1px solid #ffffff14;box-shadow:0 10px 40px #0006,inset 0 1px #ffffff0d}[data-theme=dark] .header-icon-container{color:var(--primary-light);background:#ffffff08;border:1px solid #ffffff1a;box-shadow:inset 0 2px 4px #ffffff05}[data-theme=dark] .avatar-overlay{background:var(--surface-container-high);border:1px solid #ffffff1a}.avatar-section{text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1.5rem}.profile-avatar-large{background:var(--primary-container);width:90px;height:90px;color:var(--primary);border:2px solid var(--primary-container);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:2rem;font-weight:700;display:flex;position:relative}.avatar-overlay{background:var(--surface-container-high);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 5px #0000001a}.avatar-section h3{color:var(--on-surface);margin:.5rem 0;font-size:1.25rem}.user-role-badge{background:var(--surface-container-low);color:var(--on-surface-muted);border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.profile-stats-list{flex-direction:column;gap:1rem;display:flex}.stat-row{align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.stat-icon{color:var(--on-surface-muted);font-size:1.1rem}.stat-content{flex-flow:wrap;align-items:center;gap:.5rem;display:flex}.stat-label{color:var(--on-surface-muted);font-size:.85rem}.stat-value{color:var(--on-surface);font-size:.85rem;font-weight:600}.stat-value.text-success{color:var(--success,#10b981)}.sidebar-title{color:var(--on-surface);margin-bottom:1rem;font-size:1rem}.info-list{flex-direction:column;gap:.75rem;display:flex}.info-item{color:var(--on-surface-muted);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.info-icon{color:var(--primary);font-size:1rem}.card-header{align-items:flex-start;gap:1.25rem;margin-bottom:2rem;display:flex}.header-icon-container{background:var(--surface-container-low);border:1px solid var(--border-color);width:44px;height:44px;color:var(--on-surface-muted);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.header-text h2{color:var(--on-surface);margin:0;font-size:1.3rem}.header-text p{color:var(--on-surface-muted);margin:.25rem 0 0;font-size:.85rem}.profile-form{flex-direction:column;gap:1.25rem;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group label{color:var(--on-surface);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.input-with-icon{position:relative}.field-icon{color:var(--on-surface-muted);font-size:1rem;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.input-with-icon input{border:1px solid var(--border-color);background:var(--surface-container-low);width:100%;color:var(--on-surface);border-radius:.75rem;padding:.75rem 1rem .75rem 2.5rem;font-size:.9rem;transition:all .2s}.input-with-icon input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-container);outline:none}.otp-section-wrapper{background:var(--surface-container-low);border:1px dashed var(--border-color);border-radius:1rem;padding:1.5rem}.otp-input-group{gap:.75rem;display:flex}.otp-input-group input{border:1px solid var(--border-color);background:var(--surface-container-high);color:var(--on-surface);text-align:center;letter-spacing:.5rem;border-radius:.75rem;flex:1;padding:.75rem;font-size:1.25rem;font-weight:700}.btn-request-otp{background:var(--surface);border:1.5px solid var(--primary);min-width:120px;height:45px;color:var(--primary);cursor:pointer;white-space:nowrap;border-radius:.75rem;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-request-otp:hover:not(:disabled){background:var(--primary-container,#eff6ff)}.btn-request-otp:disabled{cursor:wait;opacity:.8}.btn-request-otp.sent{color:#10b981;border-color:#10b981}.spinner-small{border:2.5px solid #3b82f633;border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.profile-save-btn{color:#fff;cursor:pointer;background:#c4b5fd;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:700;transition:background .2s;display:flex}.profile-save-btn:hover:not(:disabled){background:#a78bfa}.profile-save-btn:disabled{opacity:.5;cursor:not-allowed}.profile-header-banner{background:linear-gradient(135deg, var(--primary), #4f46e5);color:#fff;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem 2rem;box-shadow:0 10px 30px #0050cb1a}.profile-header-content h1{color:#fff;margin:0;font-size:1.5rem}.profile-header-content p{color:#ffffffe6;margin:.25rem 0 0;font-size:.9rem}@media (width<=768px){.profile-grid,.form-grid-2{grid-template-columns:1fr}.otp-input-group{flex-direction:column}.btn-request-otp{padding:.75rem}}