@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";.login-page{--yellow: #f9f506;--yellow-dark: #e6e205;--bg-dark: #0a0a0f;--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;font-family:Spline Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative}.login-main.visible .animate-fade-up{opacity:1;transform:translateY(0)}.login-nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.login-logo-link{display:flex;align-items:center;text-decoration:none}.login-nav-right{display:flex;align-items:center;gap:1rem}.login-nav-text{font-size:.875rem;color:var(--text-muted)}.login-nav-signup{font-size:.875rem;color:var(--text-primary);text-decoration:none;font-weight:600;transition:color .2s}.login-nav-signup:hover{color:var(--yellow)}.login-main{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:8rem 2rem 4rem;position:relative;z-index:10;min-height:100vh}.login-container{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.login-copy{display:flex;flex-direction:column;gap:2rem}.login-form-wrapper{position:relative;max-width:450px;width:100%;margin:0 0 0 auto}.form-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,#f9f5064d,#a855f74d);border-radius:24px;filter:blur(20px);z-index:0;opacity:.6;pointer-events:none}.login-glass-card{background:#14141ed9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem;position:relative;z-index:10;box-shadow:0 40px 80px #00000080}.login-card-header{text-align:center;margin-bottom:2rem;position:relative;z-index:2}.login-card-header h3{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;color:#fff}.login-card-header p{color:var(--text-muted);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1.25rem;position:relative;z-index:2}.login-field label{display:block;font-size:.875rem;font-weight:500;color:#d1d5db;margin-bottom:.5rem;margin-left:.25rem}.login-field-header{display:flex;justify-content:space-between;align-items:center}.login-input-wrapper{position:relative}.login-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.1rem;color:var(--text-muted);pointer-events:none;transition:color .3s}.login-input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease}.login-input.with-icon{padding-left:3rem}.login-input:focus{outline:none;background:#ffffff14;border-color:var(--yellow);box-shadow:0 0 0 4px #f9f5061a}.login-input:focus+.login-input-icon,.login-input-wrapper:focus-within .login-input-icon{color:var(--yellow)}.login-toggle-password{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;font-size:1rem;transition:color .2s}.login-toggle-password:hover{color:#fff}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.login-remember{display:flex;align-items:center;gap:.5rem}.login-checkbox{width:1rem;height:1rem;accent-color:var(--yellow);cursor:pointer}.login-remember label{color:var(--text-secondary);cursor:pointer}.login-forgot{color:var(--yellow);text-decoration:none;transition:color .2s}.login-forgot:hover{text-decoration:underline}.login-google-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s}.login-google-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.login-divider{display:flex;align-items:center;gap:1rem;margin:.5rem 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.login-divider span{font-size:.8rem;color:var(--text-muted)}.login-submit-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem;background:var(--yellow);color:#000;font-size:1rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #f9f50640}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-submit-btn:hover .btn-arrow{transform:translate(4px)}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem;border-radius:8px;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.login-spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-top:2px solid #000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{padding:2rem 0;text-align:center;border-top:1px solid rgba(255,255,255,.05);margin-top:auto;background:#0a0a0f80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.login-footer p{color:var(--text-muted);font-size:.875rem;margin:0}.login-footer-links{display:flex;gap:1.5rem}.login-footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .2s}.login-footer-links a:hover{color:#fff}.form-footer-link{text-align:center;margin-top:1.5rem;font-size:.95rem;color:var(--text-muted)}@media (max-width: 1024px){.login-container{gap:2rem}.copy-content h2{font-size:2.8rem}}@media (max-width: 900px){.login-container{grid-template-columns:1fr;max-width:450px}.login-copy{display:none}.login-main{padding-top:6rem}.login-form-wrapper{margin:0 auto}}@media (max-width: 640px){.login-nav-right{display:none}.login-glass-card{padding:2rem 1.5rem}.login-footer-container{flex-direction:column;gap:1rem}}.signup-page{--yellow: #f9f506;--yellow-dark: #e6e205;--bg-dark: #0a0a0f;--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;font-family:Spline Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative}.signup-main.visible .animate-fade-up{opacity:1;transform:translateY(0)}.gradient-sphere{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;transition:transform .2s ease-out}.sphere-1{width:60vw;height:60vw;top:-20%;left:-20%;background:radial-gradient(circle,var(--yellow) 0%,transparent 70%)}.sphere-2{width:40vw;height:40vw;top:40%;right:-10%;background:radial-gradient(circle,#a855f7 0%,transparent 70%)}.sphere-3{width:35vw;height:35vw;bottom:-10%;left:20%;background:radial-gradient(circle,#3b82f6 0%,transparent 70%)}.glass-nav{position:fixed;top:0;left:0;right:0;z-index:50;background:#0a0a0fcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.signup-nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.signup-logo-link{display:flex;align-items:center;text-decoration:none}.signup-nav-links{display:flex;align-items:center;gap:2.5rem}.signup-nav-link{color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}.signup-nav-link:hover{color:var(--yellow)}.signup-nav-right{display:flex;align-items:center;gap:1rem}.signup-nav-text{font-size:.875rem;color:var(--text-muted)}.signup-nav-login{font-size:.875rem;color:var(--text-primary);text-decoration:none;font-weight:600;transition:color .2s}.signup-nav-login:hover{color:var(--yellow)}.signup-main{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:8rem 2rem 4rem;position:relative;z-index:10;min-height:100vh}.signup-container{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.signup-copy{display:flex;flex-direction:column;gap:2rem}.copy-content h2{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin:0 0 1.5rem;color:#fff;letter-spacing:-.02em}.copy-content .gradient-text{background:linear-gradient(135deg,var(--yellow),#fcd34d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.copy-content p{color:var(--text-secondary);font-size:1.125rem;line-height:1.7;margin:0;max-width:500px}.testimonial-card{background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;position:relative;margin-top:1rem;transition:transform .3s ease}.testimonial-card:hover{transform:translateY(-5px);border-color:#f9f50633}.quote-mark{font-family:serif;font-size:4rem;color:#f9f50626;position:absolute;top:0;left:1rem;line-height:1}.testimonial-text{position:relative;z-index:1;font-style:italic;color:#e5e7eb;margin-bottom:1.5rem;padding-left:.5rem}.author-avatar{width:48px;height:48px;border-radius:50%;background-size:cover;background-position:center;border:2px solid rgba(255,255,255,.1)}.author-info p{margin:0}.author-name{font-weight:700;color:#fff;font-size:.95rem}.author-role{font-size:.8rem;color:var(--text-muted)}.social-proof{display:flex;align-items:center;gap:1rem;margin-top:1rem}.avatar-stack{display:flex;margin-right:.5rem}.proof-avatar{width:36px;height:36px;border-radius:50%;background-size:cover;border:2px solid var(--bg-dark);margin-left:-12px}.proof-avatar.count{background:#333;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.signup-form-wrapper{position:relative;max-width:500px;width:100%;margin:0 0 0 auto}.form-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,#f9f5064d,#a855f74d);border-radius:24px;filter:blur(20px);z-index:0;opacity:.6}.signup-glass-card{background:#14141ed9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem;position:relative;z-index:10;box-shadow:0 40px 80px #00000080}.signup-card-header{text-align:center;margin-bottom:2rem}.signup-card-header h3{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;color:#fff}.signup-card-header p{color:var(--text-muted);font-size:.95rem}.signup-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.signup-field label{display:block;font-size:.875rem;font-weight:500;color:#d1d5db;margin-bottom:.5rem;margin-left:.25rem}.signup-input-wrapper{position:relative}.signup-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.1rem;color:var(--text-muted);pointer-events:none;transition:color .3s}.signup-input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease}.signup-input.with-icon{padding-left:3rem}.signup-input:focus{outline:none;background:#ffffff14;border-color:var(--yellow);box-shadow:0 0 0 4px #f9f5061a}.signup-input:focus+.signup-input-icon,.signup-input-wrapper:focus-within .signup-input-icon{color:var(--yellow)}.signup-toggle-password{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;font-size:1rem;transition:color .2s}.signup-toggle-password:hover{color:#fff}.signup-terms{display:flex;gap:.75rem;align-items:flex-start;padding:.5rem 0}.signup-checkbox{width:1.2rem;height:1.2rem;margin-top:2px;accent-color:var(--yellow);cursor:pointer}.signup-terms label{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.signup-terms a{color:var(--yellow);text-decoration:none}.signup-terms a:hover{text-decoration:underline}.signup-submit-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem;background:var(--yellow);color:#000;font-size:1rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.signup-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #f9f50640}.signup-submit-btn:disabled{opacity:.6;cursor:not-allowed}.btn-arrow{transition:transform .3s}.signup-submit-btn:hover .btn-arrow{transform:translate(4px)}.signup-divider{display:flex;align-items:center;gap:1rem;margin:.5rem 0}.signup-divider:before,.signup-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.signup-divider span{font-size:.8rem;color:var(--text-muted)}.signup-google-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s}.signup-google-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.signup-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem;border-radius:8px;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.signup-footer{padding:2rem 0;text-align:center;border-top:1px solid rgba(255,255,255,.05);margin-top:auto;background:#0a0a0f80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.signup-footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.signup-footer p{color:var(--text-muted);font-size:.875rem;margin:0}.signup-footer-links{display:flex;gap:1.5rem}.signup-footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .2s}.signup-footer-links a:hover{color:#fff}.signup-success-main{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:2rem}.signup-success-card{background:#14141ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(249,245,6,.2);border-radius:24px;padding:3rem 2rem;text-align:center;max-width:500px;box-shadow:0 40px 100px #0009}.success-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 2s infinite;display:block;text-align:center;width:100%}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.signup-success-card h1{font-size:2rem;font-weight:800;color:#fff;margin-bottom:.5rem}.success-quote{font-style:italic;color:var(--text-secondary);margin-bottom:2rem}.success-box{background:#f9f5060d;border:1px solid rgba(249,245,6,.15);padding:1.5rem;border-radius:16px;margin-bottom:2rem}.success-box h3{color:var(--yellow);font-size:1.25rem;margin:0 0 .5rem}.success-box p{margin:0;color:#d1d5db;font-size:.95rem}.success-btn{display:inline-flex;align-items:center;gap:.75rem;background:var(--yellow);color:#000;padding:1rem 2rem;border-radius:12px;font-weight:700;text-decoration:none;transition:all .3s}.success-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f9f5064d}@media (max-width: 1024px){.signup-container{gap:2rem}.copy-content h2{font-size:2.8rem}}@media (max-width: 900px){.signup-container{grid-template-columns:1fr;max-width:500px}.signup-copy{display:none}.signup-main{padding-top:6rem}.signup-form-wrapper{margin:0 auto}}@media (max-width: 640px){.signup-nav-links,.signup-nav-text{display:none}.signup-glass-card{padding:2rem 1.5rem}.form-row{grid-template-columns:1fr}.signup-footer-container{flex-direction:column;gap:1rem}}.single-card-container{display:flex!important;justify-content:center;align-items:center;max-width:500px!important;margin:0 auto;flex-direction:column}.forgot-password-page .login-main{padding-top:6rem}.success-icon-large{font-size:3rem;margin-bottom:1rem;animation:bounce 1s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.email-highlight{color:var(--yellow);font-weight:700}.info-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;margin-bottom:1.5rem;display:flex;gap:.75rem;align-items:flex-start}.info-box p{font-size:.875rem;margin:0;color:var(--text-secondary);line-height:1.5}.info-icon{font-size:1.25rem}.login-back-link-wrapper{display:flex;justify-content:center;margin-top:1rem}.back-to-login-link{color:#e5e7eb;text-decoration:none;font-size:.9rem;transition:all .2s ease;opacity:.8}.back-to-login-link:hover{color:#fff;opacity:1;transform:translate(-4px)}.login-footer-links.text-center{justify-content:center;margin-top:2rem}.fade-in-up{animation:fadeInUp .5s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:linear-gradient(135deg,#0a0a0a,#1a1a0f,#0a0a0a);display:flex;align-items:center;justify-content:center;overflow:hidden}.onboarding-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.onboarding-orb{position:absolute;border-radius:50%;filter:blur(100px);animation:orb-float 15s ease-in-out infinite}.onboarding-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(249,245,6,.2) 0%,transparent 70%);top:-150px;right:-100px}.onboarding-orb-2{width:350px;height:350px;background:radial-gradient(circle,rgba(249,245,6,.15) 0%,transparent 70%);bottom:-100px;left:-100px;animation-delay:-7s}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,-30px) scale(1.1)}}.onboarding-container{position:relative;z-index:1;width:100%;max-width:600px;padding:40px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;min-height:100vh;justify-content:center}.onboarding-skip{position:absolute;top:24px;right:24px;background:none;border:none;color:#ffffff80;font-size:.9rem;cursor:pointer;padding:8px 16px;transition:color .2s}.onboarding-skip:hover{color:#fffc}.onboarding-slide{display:flex;flex-direction:column;align-items:center;transition:transform .4s ease,opacity .4s ease}.onboarding-slide.next.animating{animation:slide-in-right .4s ease forwards}.onboarding-slide.prev.animating{animation:slide-in-left .4s ease forwards}@keyframes slide-in-right{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-left{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}.onboarding-icon{font-size:5rem;margin-bottom:24px;animation:icon-bounce 2s ease-in-out infinite}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.onboarding-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.2}.onboarding-subtitle{font-size:1.1rem;color:#f9f506;font-weight:600;margin:0 0 16px}.onboarding-description{font-size:1rem;color:#ffffffb3;line-height:1.6;margin:0;max-width:450px}.onboarding-dots{display:flex;gap:10px;margin:40px 0}.onboarding-dot{width:10px;height:10px;border-radius:50%;border:none;background:#fff3;cursor:pointer;transition:all .3s ease;padding:0}.onboarding-dot.active{background:#f9f506;transform:scale(1.2)}.onboarding-dot:hover:not(.active){background:#fff6}.onboarding-nav{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}.onboarding-btn{padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.onboarding-btn-prev{background:#ffffff1a;color:#ffffffb3}.onboarding-btn-prev:hover{background:#ffffff26;color:#fff}.onboarding-btn-next{background:#f9f506;color:#000}.onboarding-btn-next:hover{background:#e6e205;transform:translateY(-2px)}.onboarding-btn-start{background:linear-gradient(135deg,#f9f506,#d4cf00);color:#000;font-size:1.05rem;padding:16px 32px;box-shadow:0 8px 24px #f9f5064d}.onboarding-btn-start:hover{transform:translateY(-3px);box-shadow:0 12px 32px #f9f50666}.onboarding-swipe-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);color:#ffffff4d;font-size:.8rem;margin:0;display:none}@media (max-width: 768px){.onboarding-swipe-hint{display:block}.onboarding-container{padding:24px 20px}.onboarding-title{font-size:1.6rem}.onboarding-icon{font-size:4rem}.onboarding-btn{padding:12px 24px;font-size:.95rem}.onboarding-skip{top:16px;right:16px}}.dashboard-content{font-family:Spline Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:#f8f8f5;min-height:100vh;display:flex;flex-direction:column;overflow-y:auto;padding:0}.dashboard-main{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#f8f8f5}.dashboard-header{height:80px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.header-title h2{font-size:1.5rem;font-weight:700;color:#1c1c0d;margin:0;letter-spacing:-.02em}.header-title p{font-size:.875rem;color:#5c5c4f;margin:0}.header-actions{display:flex;align-items:center;gap:16px}.notification-btn{position:relative;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:8px}.notification-badge{position:absolute;top:0;right:0;min-width:18px;height:18px;background:#f43f5e;border-radius:50%;border:2px solid #f8f8f5;font-size:.65rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 4px}.notification-wrapper{position:relative}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;z-index:100;overflow:hidden;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e5e5}.notification-header h4{margin:0;font-size:.9375rem;font-weight:700;color:#1c1c0d}.notification-header button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#9ca3af;padding:4px;line-height:1}.notification-header button:hover{color:#1c1c0d}.notification-list{max-height:280px;overflow-y:auto}.notification-item{display:flex;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:background .2s ease;border-bottom:1px solid #f5f5f0}.notification-item:hover{background:#f9f9f6}.notification-icon{width:40px;height:40px;background:#f9f50633;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.notification-info{flex:1;min-width:0}.notification-info strong{display:block;font-size:.875rem;font-weight:600;color:#1c1c0d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-info span{font-size:.75rem;color:#5c5c4f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.notification-empty{text-align:center;padding:32px 16px;color:#5c5c4f}.notification-empty span{display:block;font-size:2rem;margin-bottom:8px;color:#22c55e}.notification-empty p{margin:0;font-size:.875rem}.notification-footer{display:block;text-align:center;padding:14px;background:#f9f9f6;color:#6366f1;text-decoration:none;font-size:.875rem;font-weight:600;transition:background .2s ease}.notification-footer:hover{background:#f0f0eb}.btn-new-appointment{display:flex;align-items:center;gap:8px;background:#000;color:#fff;text-decoration:none;font-weight:600;font-size:.875rem;padding:12px 20px;border-radius:50px;transition:all .2s ease;box-shadow:0 4px 12px #0000001a}.btn-new-appointment:hover{background:#333;transform:translateY(-2px)}.next-appointment-hero{padding:0 32px 20px}.next-apt-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#f9f506,#e6e205);border-radius:16px;text-decoration:none;color:#1c1c0d;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 20px #f9f5064d}.next-apt-card:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:#ffffff26;border-radius:50%;pointer-events:none}.next-apt-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #f9f50666}.next-apt-badge{display:flex;align-items:center;gap:6px;background:#00000026;padding:8px 14px;border-radius:50px;font-weight:700;font-size:.8125rem;text-transform:capitalize;flex-shrink:0}.next-apt-badge .material-symbols-outlined{font-size:18px}.next-apt-content{flex:1;display:flex;align-items:center;gap:16px;min-width:0}.next-apt-time{font-size:2rem;font-weight:800;letter-spacing:-.02em;flex-shrink:0}.next-apt-info{flex:1;min-width:0}.next-apt-info h3{font-size:1rem;font-weight:700;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1c1c0d}.next-apt-info p{font-size:.8125rem;margin:0;opacity:.8;display:flex;align-items:center;gap:4px}.next-apt-info p .material-symbols-outlined{font-size:16px}.next-apt-arrow{width:40px;height:40px;background:#0000001a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.next-apt-card:hover .next-apt-arrow{background:#0003;transform:translate(4px)}.next-apt-arrow .material-symbols-outlined{font-size:20px}@media (max-width: 768px){.next-appointment-hero{padding:0 16px 16px}.next-apt-card{padding:16px;gap:12px}.next-apt-content{flex-direction:column;align-items:flex-start;gap:8px}.next-apt-time{font-size:1.5rem}.next-apt-badge{padding:6px 12px;font-size:.75rem}.next-apt-arrow{width:36px;height:36px}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 32px 24px;flex-shrink:0}.stat-card{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:16px!important;padding:24px;height:160px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 8px #0000000a!important;border:1px solid rgba(0,0,0,.04)!important}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.stat-glow{position:absolute;top:-30px;right:-30px;width:80px;height:80px;border-radius:50%;filter:blur(30px);opacity:.5;pointer-events:none}.stat-glow.primary{background:#f9f5064d}.stat-glow.indigo{background:#6366f126}.stat-glow.rose{background:#f43f5e26}.stat-glow.green{background:#22c55e26}.stat-glow.amber{background:#f59e0b26}.stat-indigo{border-left:3px solid #6366f1!important}.stat-rose{border-left:3px solid #f43f5e!important}.stat-green{border-left:3px solid #22c55e!important}.stat-amber{border-left:3px solid #f59e0b!important}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;z-index:10}.stat-icon-wrap{display:flex;align-items:center;justify-content:center}.stat-icon-wrap .material-symbols-outlined{font-size:28px;color:#9ca3af;font-variation-settings:"wght" 300}.stat-icon-wrap.indigo .material-symbols-outlined{color:#6366f1}.stat-icon-wrap.rose .material-symbols-outlined{color:#f43f5e}.stat-icon-wrap.green .material-symbols-outlined{color:#22c55e}.stat-icon-wrap.amber .material-symbols-outlined{color:#f59e0b}.stat-badge{font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:50px}.stat-badge.positive{background:#22c55e1a;color:#16a34a}.stat-body{z-index:10}.stat-label{font-size:.875rem;color:#5c5c4f;font-weight:500;margin:0 0 4px}.stat-value{font-size:2.5rem!important;font-weight:700!important;color:#1c1c0d!important;margin:0!important;letter-spacing:-.02em!important}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;padding:0 32px 32px;flex:1;overflow-y:auto;min-height:0}.grid-left{display:flex;flex-direction:column;gap:24px}.grid-right{display:flex;flex-direction:column;align-self:flex-start}.glass-card{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:24px;box-shadow:0 4px 20px -2px #0000000d}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.card-header h3{font-size:1.125rem;font-weight:700;color:#1c1c0d;margin:0}.card-header p{font-size:.875rem;color:#5c5c4f;margin:4px 0 0}.see-all-link{font-size:.875rem;color:#6366f1;text-decoration:none;font-weight:600;transition:color .2s ease}.see-all-link:hover{color:#4f46e5}.chart-card{min-height:320px}.chart-container{height:200px}.chart-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;height:160px;padding:0 8px}.chart-bar-wrapper{flex:1;height:100%;display:flex;align-items:flex-end}.chart-bar{width:100%;background:#6366f1;border-radius:50px 50px 0 0;position:relative;transition:all .3s ease;cursor:pointer}.chart-bar:hover{background:#4f46e5}.chart-bar.today{background:#f9f506}.chart-bar.today:hover{background:#e6e205}.bar-label{position:absolute;top:-28px;left:50%;transform:translate(-50%);background:#000;color:#fff;font-size:.75rem;padding:4px 8px;border-radius:4px;white-space:nowrap}.chart-labels{display:flex;justify-content:space-between;margin-top:12px;padding:0 8px}.chart-labels span{font-size:.75rem;color:#5c5c4f;font-weight:500}.appointments-card{flex:1;min-height:250px}.appointments-list{display:flex;flex-direction:column;gap:12px}.appointment-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:12px;text-decoration:none;color:inherit;transition:all .2s ease;border:1px solid transparent}.appointment-item:hover{background:#fff9;border-color:#e5e5e5}.appointment-date-box{width:48px;height:48px;background:#f9f50633;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.apt-month{font-size:.625rem;font-weight:700;text-transform:uppercase;color:#1c1c0d}.apt-day{font-size:1.125rem;font-weight:700;color:#1c1c0d;line-height:1}.appointment-info{flex:1}.appointment-info h4{font-size:.9375rem;font-weight:700;color:#1c1c0d;margin:0 0 4px}.appointment-info p{font-size:.8125rem;color:#5c5c4f;margin:0;display:flex;align-items:center;gap:4px}.appointment-meta{display:flex;align-items:center;gap:8px}.client-avatar{width:32px;height:32px;border-radius:50%;background:#e5e5e5;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#5c5c4f}.apt-badge{font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:50px;background:#6366f11a;color:#6366f1}.apt-badge.default{background:#6366f11a;color:#6366f1}.apt-badge.attachment-badge{background:#0ea5e91a;color:#0ea5e9;padding:4px 8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.apt-badge.attachment-badge:hover{background:#0ea5e933;transform:translateY(-1px)}.apt-badge.attachment-badge .material-symbols-outlined{font-size:16px}.empty-state{text-align:center;padding:40px 20px;color:#5c5c4f}.empty-state span{font-size:2rem;display:block;margin-bottom:8px}.calendar-card{display:flex;flex-direction:column}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.calendar-header h3{font-size:1.125rem;font-weight:700;color:#1c1c0d;margin:0;text-transform:capitalize}.calendar-nav{display:flex;gap:4px}.calendar-nav button{width:32px;height:32px;border:none;background:none;border-radius:50%;cursor:pointer;font-size:1rem;color:#5c5c4f;transition:background .2s ease}.calendar-nav button:hover{background:#f5f5f0}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.weekday{font-size:.75rem;font-weight:700;color:#5c5c4f;text-transform:uppercase;text-align:center;padding:8px 0}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:50%;cursor:pointer;font-size:.875rem;color:#1c1c0d;position:relative;transition:background .2s ease;padding:0;margin:0}.calendar-day:hover{background:#f5f5f0}.calendar-day.empty{visibility:hidden;cursor:default}.calendar-day.empty:hover{background:none}.calendar-day.today{background:#000;color:#fff;font-weight:700;box-shadow:0 4px 12px #0003}.calendar-day.has-event .day-dot{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:5px;height:5px;background:#6366f1;border-radius:50%}.calendar-legend{display:flex;justify-content:center;gap:24px;margin-top:16px;padding-top:12px;border-top:1px solid #e5e5e5}.legend-item{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#5c5c4f}.legend-item .dot{width:8px;height:8px;border-radius:50%}.dot.indigo{background:#6366f1}.dot.rose{background:#f43f5e}.calendar-day.selected{background:#f9f506;color:#000;font-weight:600}.calendar-day.selected:hover{background:#e6e205}.calendar-day.today.selected{background:#f9f506;color:#000;box-shadow:0 4px 12px #f9f5064d}.selected-day-appointments{margin-top:16px;padding-top:16px;border-top:1px solid #e5e5e5}.selected-day-title{font-size:.875rem;font-weight:700;color:#1c1c0d;margin:0 0 12px;text-transform:capitalize}.selected-day-list{display:flex;flex-direction:column;gap:8px}.selected-apt-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f8f8f5;border-radius:10px;text-decoration:none;color:inherit;transition:all .2s ease}.selected-apt-item:hover{background:#f0f0eb;transform:translate(4px)}.apt-time-badge{font-size:.75rem;font-weight:700;color:#6366f1;background:#6366f11a;padding:4px 8px;border-radius:6px;white-space:nowrap}.selected-apt-item .apt-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.selected-apt-item .apt-title{font-size:.8125rem;font-weight:600;color:#1c1c0d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-apt-item .apt-client{font-size:.6875rem;color:#5c5c4f}.no-appointments{font-size:.8125rem;color:#9ca3af;text-align:center;padding:16px;margin:0}.dashboard-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid #e5e5e5;border-top-color:#f9f506;border-radius:50%;animation:spin .8s linear infinite}.skeleton-icon{width:28px;height:28px;border-radius:50%}.skeleton-chart-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;height:160px;padding:0 8px;margin-top:20px}.skeleton-bar{flex:1;border-radius:50px 50px 0 0;min-height:20px}.skeleton-appointment-item{display:flex;align-items:center;gap:16px;padding:12px}.skeleton-date-box{width:48px;height:48px;border-radius:12px;flex-shrink:0}.skeleton-appointment-info{flex:1;display:flex;flex-direction:column}.skeleton-badge{width:80px;height:24px;border-radius:50px}.skeleton-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:16px}.skeleton-day{aspect-ratio:1;border-radius:50%}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:1fr}.grid-right{order:-1;align-self:stretch}.calendar-card{height:auto}}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-header{padding:16px 24px;height:auto}}@media (max-width: 768px){.dashboard-content{padding-bottom:80px}.dashboard-header{padding:16px;height:auto;flex-direction:column;align-items:flex-start;gap:12px}.header-title h2{font-size:1.5rem;margin-bottom:4px}.header-title p{font-size:.875rem}.header-actions{width:100%;justify-content:space-between}.btn-new-appointment{flex:1;justify-content:center;padding:12px 16px;font-size:.875rem}.btn-new-appointment span:first-child{display:none}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px 16px}.stat-card{padding:16px;height:130px}.stat-value{font-size:1.75rem!important}.stat-label{font-size:.75rem}.stat-icon-wrap .material-symbols-outlined{font-size:22px}.stat-badge{font-size:.625rem;padding:2px 6px}.dashboard-grid{grid-template-columns:1fr;gap:16px;padding:0 16px 24px}.grid-right{order:-1}.glass-card{padding:16px;border-radius:12px}.chart-card .card-header h3{font-size:1rem}.chart-bars{height:120px;gap:6px}.appointment-item{padding:10px;gap:12px}.appointment-date-box{width:40px;height:40px}.apt-month{font-size:.5rem}.apt-day,.apt-title{font-size:.875rem}.apt-time{font-size:.75rem}.apt-badge{font-size:.625rem;padding:2px 6px}.calendar-card{padding:16px}.calendar-header h3{font-size:1rem}.calendar-nav button{width:28px;height:28px}.weekday{font-size:.625rem;padding:6px 0}.calendar-day{font-size:.75rem}.calendar-legend{margin-top:12px;padding-top:10px;gap:16px}.legend-item{font-size:.625rem}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px;height:110px}.stat-value{font-size:1.5rem!important}.stat-label{font-size:.625rem}.stat-icon-wrap .material-symbols-outlined{font-size:20px}.dashboard-header{padding:12px 16px}.header-title h2{font-size:1.25rem}.btn-new-appointment{padding:10px 12px;font-size:.8125rem}.chart-bars{height:100px}.appointment-item{padding:8px}}.top-clients-card{margin-top:0}.top-clients-list{display:flex;flex-direction:column;gap:8px}.top-client-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;text-decoration:none;color:inherit;transition:all .2s ease;border:1px solid transparent}.top-client-item:hover{background:#fff9;border-color:#e5e5e5;transform:translate(4px)}.top-client-rank{font-size:1.25rem;min-width:32px;text-align:center}.top-client-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f9f506,#e6e205);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#1c1c0d;flex-shrink:0}.top-client-info{flex:1;min-width:0}.top-client-info h4{font-size:.9375rem;font-weight:600;color:#1c1c0d;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-client-info p{font-size:.75rem;color:#5c5c4f;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-client-count{display:flex;flex-direction:column;align-items:center;gap:2px}.count-badge{font-size:1.125rem;font-weight:700;color:#6366f1}.count-label{font-size:.625rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.top-client-item{padding:10px;gap:10px}.top-client-rank{font-size:1rem;min-width:28px}.top-client-avatar{width:36px;height:36px;font-size:.875rem}.top-client-info h4{font-size:.875rem}.count-badge{font-size:1rem}}.btn-report{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f9f506,#e6e205);color:#1c1c0d;font-weight:600;font-size:.875rem;padding:10px 18px;border-radius:50px;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #f9f5064d}.btn-report:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f9f50666}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.report-modal{background:#fff;border-radius:20px;width:90%;max-width:420px;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease}.report-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f0f0eb}.report-modal .modal-header h3{margin:0;font-size:1.125rem;font-weight:700;color:#1c1c0d}.report-modal .modal-close{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;padding:0;line-height:1;transition:color .2s}.report-modal .modal-close:hover{color:#1c1c0d}.report-modal .modal-body{padding:24px}.report-description{color:#5c5c4f;font-size:.875rem;margin:0 0 20px;line-height:1.5}.report-selectors{display:flex;gap:16px}.report-selectors .form-group{flex:1}.report-selectors label{display:block;font-size:.75rem;font-weight:600;color:#5c5c4f;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.report-select{width:100%;padding:12px 16px;background:#f8f8f5;border:1px solid #e0e0db;border-radius:10px;font-size:.9375rem;color:#1c1c0d;font-family:inherit;cursor:pointer;transition:border-color .2s}.report-select:focus{outline:none;border-color:#f9f506}.report-modal .modal-footer{display:flex;gap:12px;padding:16px 24px 24px;justify-content:flex-end;border-radius:20px}.btn-cancel{background:#f0f0eb;color:#5c5c4f;border:none;padding:12px 24px;border-radius:50px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-cancel:hover:not(:disabled){background:#e0e0db}.btn-download{background:linear-gradient(135deg,#f9f506,#e6e205);color:#1c1c0d;border:none;padding:12px 24px;border-radius:50px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #f9f5064d}.btn-download:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f9f50666}.btn-cancel:disabled,.btn-download:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.report-selectors{flex-direction:column;gap:12px}.report-select{padding:16px 18px;font-size:1rem}.report-modal{border-radius:20px;background:#fff;max-width:95%}.report-modal .modal-header{background:#fff;border-radius:20px 20px 0 0}.report-modal .modal-body{background:#fff}.report-modal .modal-footer{flex-direction:column;background:#fff;border-radius:0 0 20px 20px}.btn-cancel,.btn-download{width:100%;text-align:center}}.clientlist-page{font-family:Spline Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:#f8f8f5;min-height:100vh;padding:32px}.clientlist-container{max-width:1400px;margin:0 auto}.clientlist-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px}.clientlist-header-text h1{font-size:2.5rem;font-weight:900;color:#1c1c0d;margin:0 0 8px;letter-spacing:-.02em}.clientlist-header-text p{font-size:1.125rem;color:#9e9d47;margin:0}.btn-new-client{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;background:#f9f506;color:#1c1c0d;font-weight:700;font-size:.875rem;border:none;border-radius:50px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #f9f50666}.btn-new-client:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f9f50699}.btn-new-client .material-symbols-outlined{font-size:20px}.search-filter-bar{background:#ffffffa6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:8px;margin-bottom:40px;display:flex;flex-wrap:wrap;gap:8px}.search-input-wrapper{flex:1;min-width:200px;position:relative}.search-input-wrapper .material-symbols-outlined{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9e9d47;font-size:20px}.search-input{width:100%;padding:12px 16px 12px 48px;background:#ffffff80;border:none;border-radius:12px;font-size:.9375rem;color:#1c1c0d;transition:all .2s ease}.search-input:focus{outline:none;background:#fff;box-shadow:0 0 0 2px #f9f50680}.search-input::placeholder{color:#9e9d47}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:12px 20px;border-radius:12px;font-size:.875rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-btn.active{background:#1c1c0d;color:#fff;box-shadow:0 2px 8px #00000026}.filter-btn:not(.active){background:#ffffff80;color:#1c1c0d}.filter-btn:not(.active):hover{background:#fff;border-color:#fff}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.client-card{background:#ffffffa6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:24px;transition:all .3s ease}.client-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.client-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.client-card-header-left{display:flex;gap:16px;align-items:center}.client-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#f9f506,#6366f1);border:2px solid #fff;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center;font-size:1.375rem;font-weight:700;color:#000;flex-shrink:0}.client-info h3{font-size:1.125rem;font-weight:700;color:#1c1c0d;margin:0 0 4px;transition:color .2s ease}.client-card:hover .client-info h3{color:#000}.client-info .client-role{font-size:.875rem;color:#9e9d47;font-weight:500;margin:0}.client-menu-btn{width:32px;height:32px;border-radius:50%;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9e9d47;transition:all .2s ease}.client-menu-btn:hover{background:#f5f5f0;color:#1c1c0d}.client-contact{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.contact-item{display:flex;align-items:center;gap:12px;font-size:.875rem;color:#1c1c0dcc}.contact-item .material-symbols-outlined{font-size:18px;color:#9e9d47}.client-status-box{padding:12px;background:#fff9;border:1px solid rgba(255,255,255,.5);border-radius:12px;margin-bottom:24px}.client-status-box .status-content{display:flex;align-items:flex-start;gap:12px}.client-status-box .status-icon{font-size:24px;margin-top:2px}.client-status-box .status-icon.primary{color:#f9f506;filter:drop-shadow(0 1px 2px rgba(249,245,6,.4))}.client-status-box .status-icon.muted{color:#9e9d4780}.client-status-box .status-icon.warning{color:#ef4444}.client-status-box .status-text{display:flex;flex-direction:column;gap:2px}.client-status-box .status-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9e9d47}.client-status-box .status-label.warning{color:#fb7185}.client-status-box .status-value{font-size:.875rem;font-weight:700;color:#1c1c0d}.client-status-box.warning{background:#fee2e280;border-color:#fecaca80}.client-actions{display:flex;gap:8px;padding-top:16px;border-top:1px solid rgba(243,244,246,.5)}.action-btn{flex:1;padding:10px 16px;border-radius:50px;font-size:.75rem;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;text-decoration:none}.action-btn .material-symbols-outlined{font-size:16px}.action-btn.primary{background:#f9f50633;color:#1c1c0d}.action-btn.primary:hover{background:#f9f50666}.action-btn.primary.solid{background:#f9f506;box-shadow:0 2px 8px #f9f5064d}.action-btn.primary.solid:hover{background:#e6e205}.action-btn.secondary{background:#fff;color:#1c1c0d;border:1px solid #f3f4f6}.action-btn.secondary:hover{background:#f9fafb}.action-btn.icon-only{flex:0;width:36px;height:36px;padding:0}.action-btn.icon-only.chat{color:#6366f1}.action-btn.icon-only.chat:hover{color:#4f46e5}.action-btn.icon-only.alert{color:#f43f5e}.action-btn.icon-only.alert:hover{color:#e11d48}.client-form-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1040;animation:fadeIn .2s ease-out}.client-form-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;max-width:480px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;z-index:1050;overflow:hidden;font-family:Spline Sans,-apple-system,BlinkMacSystemFont,sans-serif;border:1px solid #e9e8ce}.cf-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid #e9e8ce;background:#f8f8f580}.cf-title{font-size:1.375rem;font-weight:900;color:#1c1c0d;margin:0 0 4px;letter-spacing:-.02em}.cf-subtitle{font-size:.8125rem;color:#9e9d47;margin:0}.cf-close-btn{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9e9d47;transition:all .2s ease}.cf-close-btn:hover{background:#f3f4f6;color:#1c1c0d}.cf-form{padding:20px 24px;display:flex;flex-direction:column;gap:14px}.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cf-group{display:flex;flex-direction:column;gap:4px}.cf-label{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9e9d47;margin-left:14px}.cf-input-wrap{position:relative}.cf-input-wrap .material-symbols-outlined{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:#9e9d47;pointer-events:none}.cf-input{width:100%;padding:12px 12px 12px 42px;background:#f8f8f5;border:none;border-radius:50px;font-size:.875rem;font-weight:500;color:#1c1c0d;transition:all .2s ease}.cf-input:focus{outline:none;box-shadow:0 0 0 2px #f9f506;background:#fff}.cf-input::placeholder{color:#9e9d47}.cf-error{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.8125rem}.cf-error .material-symbols-outlined{font-size:18px}.cf-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e9e8ce;background:#f8f8f580}.cf-cancel-btn{padding:10px 20px;background:#fff;color:#1c1c0d;font-size:.8125rem;font-weight:600;border:1px solid #e5e7eb;border-radius:50px;cursor:pointer;transition:all .2s ease}.cf-cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.cf-submit-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;background:#f9f506;color:#1c1c0d;font-size:.8125rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #f9f50666}.cf-submit-btn:hover:not(:disabled){background:#ece805;transform:translateY(-1px);box-shadow:0 6px 20px #f9f50680}.cf-submit-btn:disabled,.cf-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.cf-submit-btn .material-symbols-outlined{font-size:18px}.cf-spinner{width:14px;height:14px;border:2px solid rgba(28,28,13,.2);border-top-color:#1c1c0d;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 480px){.client-form-modal{width:100%;max-width:100%;max-height:100%;border-radius:0}.cf-row{grid-template-columns:1fr}.cf-header,.cf-form,.cf-footer{padding-left:16px;padding-right:16px}}.add-client-card{background:#ffffffa6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:280px;opacity:.75;transition:all .3s ease;cursor:pointer}.add-client-card:hover{opacity:1;transform:translateY(-4px)}.add-client-icon{width:64px;height:64px;border-radius:50%;background:#fff;border:2px dashed #d1d5db;display:flex;align-items:center;justify-content:center;color:#d1d5db;transition:all .2s ease}.add-client-card:hover .add-client-icon{border-color:#f9f506;color:#f9f506}.add-client-icon .material-symbols-outlined{font-size:32px}.add-client-text{text-align:center}.add-client-text h3{font-size:1.125rem;font-weight:700;color:#1c1c0d;margin:0 0 4px}.add-client-text p{font-size:.875rem;color:#9e9d47;margin:0}.add-client-btn{margin-top:8px;padding:8px 24px;border-radius:50px;background:#fff;border:1px solid #e5e7eb;color:#1c1c0d;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease}.add-client-btn:hover{background:#f9f506;border-color:#f9f506;box-shadow:0 4px 14px #f9f50666}.empty-state{text-align:center;padding:64px 32px;background:#ffffffa6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:16px}.empty-state-icon{font-size:4rem;margin-bottom:16px}.empty-state-title{font-size:1.5rem;font-weight:700;color:#1c1c0d;margin:0 0 8px}.empty-state-text{font-size:1rem;color:#9e9d47;margin:0 0 24px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;color:#9e9d47}.spinner-large{width:48px;height:48px;border:4px solid #f3f4f6;border-top-color:#f9f506;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1040;animation:fadeIn .2s ease-out}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0003;z-index:1050;overflow:hidden;display:flex;flex-direction:column}.modal-small{max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #f3f4f6}.modal-title{font-size:1.25rem;font-weight:700;color:#1c1c0d;margin:0}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;color:#9e9d47;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#1c1c0d}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:center;gap:12px;padding:16px 24px;border-top:1px solid #f3f4f6;background:#fafafa}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.875rem;font-weight:600;color:#1c1c0d;margin-bottom:8px}.form-input{width:100%;padding:12px 16px;font-size:.9375rem;border:2px solid #e5e7eb;border-radius:12px;transition:all .2s ease;background:#fff;color:#1c1c0d}.form-input:focus{outline:none;border-color:#f9f506;box-shadow:0 0 0 3px #f9f50633}.form-input::placeholder{color:#9ca3af}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-error-box{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:.875rem;margin-top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:#f9f506;color:#1c1c0d}.btn-secondary{background:#fff;color:#1c1c0d;border:1px solid #e5e7eb}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.confirm-message{text-align:center;padding:16px 0}.confirm-icon{margin-bottom:16px}.confirm-text{font-size:1rem;color:#1c1c0d;margin:0 0 8px}.confirm-subtext{font-size:.875rem;color:#9e9d47;margin:0}.client-actions-menu{position:relative}.menu-backdrop-inline{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:20;min-width:180px;padding:8px;animation:fadeIn .15s ease-out}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:.875rem;color:#1c1c0d;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .15s ease}.dropdown-item:hover{background:#f3f4f6}.dropdown-item-danger{color:#ef4444}.dropdown-item-danger:hover{background:#fef2f2}@media (max-width: 768px){.clientlist-page{padding:16px}.clientlist-header{margin-bottom:24px}.clientlist-header-text h1{font-size:1.75rem}.clientlist-header-text p{font-size:1rem}.btn-new-client{width:100%}.search-filter-bar{flex-direction:column;padding:12px;margin-bottom:24px}.filter-buttons{overflow-x:auto;padding-bottom:4px}.clients-grid{grid-template-columns:1fr;gap:16px}.client-card{padding:20px}.client-avatar{width:48px;height:48px;font-size:1.125rem}.modal{width:100%;max-height:100%;border-radius:0}.form-row{grid-template-columns:1fr}}@media (max-width: 480px){.client-card-header-left{gap:12px}.client-info h3{font-size:1rem}.action-btn{padding:8px 12px;font-size:.6875rem}.action-btn .material-symbols-outlined{font-size:14px}}.deadline-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1040;animation:fadeIn .2s ease-out}.deadline-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;max-width:900px;height:auto;max-height:90vh;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;z-index:1050;overflow:hidden;display:flex;flex-direction:column;font-family:Spline Sans,-apple-system,BlinkMacSystemFont,sans-serif;border:1px solid #e9e8ce}.deadline-content{display:grid;grid-template-columns:1fr 1.4fr;flex:1;overflow:hidden}.deadline-calendar-side{background:#f8f8f580;padding:20px;border-right:1px solid #e9e8ce;display:flex;flex-direction:column;overflow-y:auto}.deadline-calendar-header{margin-bottom:16px}.deadline-calendar-header h2{font-size:1.5rem;font-weight:900;color:#1c1c0d;margin:0 0 4px;letter-spacing:-.02em}.deadline-calendar-header p{font-size:.8125rem;color:#9e9d47;margin:0}.deadline-calendar{flex:1}.calendar-nav-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:8px}.calendar-nav-row h3{font-size:1rem;font-weight:700;color:#1c1c0d;margin:0;text-transform:capitalize}.cal-nav-btn{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1c1c0d;transition:all .2s ease}.cal-nav-btn:hover{background:#e9e8ce}.cal-nav-btn .material-symbols-outlined{font-size:18px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.calendar-weekdays span{text-align:center;font-size:.625rem;font-weight:700;color:#9e9d47;text-transform:uppercase;letter-spacing:.05em;padding:4px 0}.calendar-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-day-btn{width:100%;aspect-ratio:1;max-width:32px;max-height:32px;margin:0 auto;border-radius:50%;border:none;background:transparent;cursor:pointer;font-size:.8125rem;font-weight:500;color:#1c1c0d;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.cal-day-btn:hover:not(.empty):not(.selected){background:#e9e8ce}.cal-day-btn.empty{visibility:hidden;cursor:default}.cal-day-btn.selected{background:#f9f506;font-weight:700;box-shadow:0 0 15px #f9f50680;transform:scale(1.05)}.cal-day-btn.today:not(.selected){background:#1c1c0d;color:#fff;font-weight:600}.cal-day-btn.past{color:#d1d5db;cursor:not-allowed}.deadline-tip-box{margin-top:16px;padding:12px;background:#fff;border-radius:10px;border:1px solid #e9e8ce;display:flex;gap:10px;align-items:flex-start}.tip-icon{width:28px;height:28px;border-radius:50%;background:#f9f50633;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tip-icon .material-symbols-outlined{font-size:14px;color:#1c1c0d}.tip-content h4{font-size:.8125rem;font-weight:700;color:#1c1c0d;margin:0 0 2px}.tip-content p{font-size:.6875rem;color:#9e9d47;margin:0;line-height:1.4}.deadline-form-side{padding:20px;display:flex;flex-direction:column;background:#fff;overflow-y:auto}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.form-header h3{font-size:1.125rem;font-weight:700;color:#1c1c0d;margin:0}.form-badge{padding:4px 12px;background:#f9f506;color:#1c1c0d;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:50px}.form-close-btn{width:36px;height:36px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9e9d47;transition:all .2s ease}.form-close-btn:hover{background:#f3f4f6;color:#1c1c0d}.deadline-form{display:flex;flex-direction:column;gap:12px;flex:1}.df-group{display:flex;flex-direction:column;gap:4px}.df-label{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9e9d47;margin-left:14px}.df-input-wrap{position:relative}.df-input-wrap .material-symbols-outlined{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:20px;color:#9e9d47;pointer-events:none}.df-input{width:100%;padding:12px 12px 12px 40px;background:#f8f8f5;border:none;border-radius:50px;font-size:.875rem;font-weight:500;color:#1c1c0d;transition:all .2s ease}.df-input:focus{outline:none;box-shadow:0 0 0 2px #f9f506;background:#fff}.df-input::placeholder{color:#9e9d47}.df-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.df-select{width:100%;padding:12px 36px 12px 40px;background:#f8f8f5;border:none;border-radius:50px;font-size:.875rem;font-weight:500;color:#1c1c0d;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .2s ease}.df-select:focus{outline:none;box-shadow:0 0 0 2px #f9f506;background:#fff}.df-input-wrap .expand-icon{position:absolute;right:16px;left:auto;pointer-events:none}.df-textarea{width:100%;padding:12px;background:#f8f8f5;border:none;border-radius:12px;font-size:.8125rem;font-weight:500;color:#1c1c0d;resize:none;min-height:60px;transition:all .2s ease;font-family:inherit}.df-textarea:focus{outline:none;box-shadow:0 0 0 2px #f9f506;background:#fff}.df-textarea::placeholder{color:#9e9d47}.df-footer{margin-top:auto;padding-top:12px;border-top:1px solid #e9e8ce;display:flex;justify-content:space-between;align-items:center;gap:12px}.df-toggles-row{display:flex;gap:16px;flex-wrap:wrap}.df-toggle-wrap{display:flex;align-items:center;gap:12px;cursor:pointer}.df-toggle-input{display:none}.df-toggle-switch{position:relative;width:44px;height:24px;background:#d1d5db;border-radius:50px;transition:background .2s ease}.df-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease}.df-toggle-input:checked+.df-toggle-switch{background:#f9f506}.df-toggle-input:checked+.df-toggle-switch:after{transform:translate(20px)}.df-toggle-label{font-size:.875rem;font-weight:500;color:#1c1c0d}.df-payment-section{width:100%;padding:12px 0;border-top:1px solid #e9e8ce;margin-top:8px}.df-price-input-wrap{display:flex;align-items:center;gap:8px;margin-top:12px;background:#f8f8f5;border-radius:50px;padding:8px 16px;width:fit-content}.df-price-symbol{font-size:1rem;font-weight:700;color:#1c1c0d}.df-price-input{width:100px;padding:8px 12px;background:#fff;border:1px solid #e9e8ce;border-radius:8px;font-size:1rem;font-weight:600;color:#1c1c0d;text-align:right}.df-price-input:focus{outline:none;border-color:#f9f506;box-shadow:0 0 0 2px #f9f5064d}.df-price-input::placeholder{color:#9e9d47}.df-submit-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 24px;background:#f9f506;color:#1c1c0d;font-size:.8125rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #f9f50666}.df-submit-btn:hover:not(:disabled){background:#ece805;transform:translateY(-2px);box-shadow:0 6px 20px #f9f50680}.df-submit-btn:disabled{opacity:.6;cursor:not-allowed}.df-submit-btn .material-symbols-outlined{font-size:20px}.df-error{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:.875rem}.df-spinner{width:16px;height:16px;border:2px solid rgba(28,28,13,.2);border-top-color:#1c1c0d;border-radius:50%;animation:spin .6s linear infinite}.df-attachment-wrap{margin-top:4px}.df-attachment-input{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#f8f8f5;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;transition:all .2s ease;color:#9e9d47;font-size:.875rem}.df-attachment-input:hover{border-color:#f9f506;background:#fff}.df-attachment-input .material-symbols-outlined{font-size:20px}.df-attachment-preview{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px}.df-attachment-preview .material-symbols-outlined{font-size:20px;color:#22c55e}.df-attachment-name{flex:1;font-size:.875rem;font-weight:500;color:#1c1c0d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-attachment-remove{width:24px;height:24px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9e9d47;transition:all .2s ease}.df-attachment-remove:hover{background:#fee2e2;color:#dc2626}.df-attachment-remove .material-symbols-outlined{font-size:16px}@media (max-width: 768px){.deadline-modal{width:100%;max-width:100%;max-height:100%;border-radius:0;height:100%}.deadline-content{grid-template-columns:1fr;min-height:auto;max-height:none;overflow-y:auto}.deadline-calendar-side{padding:20px;border-right:none;border-bottom:1px solid #e9e8ce}.deadline-calendar-header h2{font-size:1.5rem}.deadline-form-side{padding:20px}.df-row{grid-template-columns:1fr}.df-footer{flex-direction:column;gap:16px}.df-submit-btn{width:100%}.deadline-tip-box{display:none}}.deadline-page{min-height:100vh;background:#f8f8f5;padding:24px;font-family:Spline Sans,-apple-system,BlinkMacSystemFont,sans-serif}.deadline-container{max-width:1000px;margin:0 auto}.dp-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:.8125rem}.dp-breadcrumb-link{display:flex;align-items:center;gap:6px;color:#9e9d47;text-decoration:none;transition:color .2s ease}.dp-breadcrumb-link:hover{color:#1c1c0d}.dp-breadcrumb-link .material-symbols-outlined{font-size:16px}.dp-breadcrumb-sep{color:#d1d5db}.dp-breadcrumb-current{color:#1c1c0d;font-weight:600}.dp-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;padding:24px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;border:1px solid #e9e8ce}.dp-client-info{display:flex;align-items:center;gap:16px}.dp-client-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#f9f506,#6366f1);color:#1c1c0d;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.dp-client-name{font-size:1.5rem;font-weight:900;color:#1c1c0d;margin:0 0 4px;letter-spacing:-.02em}.dp-client-meta{display:flex;flex-wrap:wrap;gap:12px}.dp-meta-item{display:flex;align-items:center;gap:4px;font-size:.8125rem;color:#9e9d47}.dp-meta-item .material-symbols-outlined{font-size:16px}.dp-new-btn{display:flex;align-items:center;gap:6px;padding:12px 24px;background:#f9f506;color:#1c1c0d;font-size:.875rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #f9f50666;flex-shrink:0}.dp-new-btn:hover{background:#ece805;transform:translateY(-2px);box-shadow:0 6px 20px #f9f50680}.dp-new-btn .material-symbols-outlined{font-size:18px}.dp-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.dp-stat-card{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;border:1px solid #e9e8ce;transition:all .2s ease}.dp-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.dp-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dp-stat-icon .material-symbols-outlined{font-size:22px}.dp-stat-icon.warning{background:#fbbf2426;color:#d97706}.dp-stat-icon.success{background:#22c55e26;color:#16a34a}.dp-stat-icon.primary{background:#6366f126;color:#4f46e5}.dp-stat-value{font-size:1.75rem;font-weight:800;color:#1c1c0d;line-height:1}.dp-stat-label{font-size:.75rem;color:#9e9d47;font-weight:500;margin-top:2px}.dp-filter-tabs{display:inline-flex;gap:4px;padding:4px;background:#fffc;border-radius:50px;margin-bottom:24px;border:1px solid #e9e8ce}.dp-filter-btn{padding:10px 20px;background:transparent;border:none;border-radius:50px;font-size:.8125rem;font-weight:600;color:#9e9d47;cursor:pointer;transition:all .2s ease}.dp-filter-btn:hover:not(.active){color:#1c1c0d;background:#00000008}.dp-filter-btn.active{background:#f9f506;color:#1c1c0d;box-shadow:0 2px 8px #f9f5064d}.dp-deadlines-list{display:flex;flex-direction:column;gap:12px}.dp-section-title{display:flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:700;color:#1c1c0d;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.dp-section-dot{width:8px;height:8px;border-radius:50%}.dp-section-dot.warning{background:#f59e0b}.dp-section-dot.success{background:#22c55e}.dp-deadline-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fff;border-radius:14px;border:1px solid #e9e8ce;transition:all .2s ease;position:relative;overflow:visible}.dp-deadline-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.dp-deadline-card.done{opacity:.7}.dp-deadline-icon{width:44px;height:44px;border-radius:12px;background:#f9f50626;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.dp-deadline-icon.done{background:#22c55e26;color:#16a34a}.dp-deadline-content{flex:1;min-width:0}.dp-deadline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}.dp-deadline-title{font-size:1rem;font-weight:700;color:#1c1c0d;margin:0}.dp-deadline-done .dp-deadline-title{text-decoration:line-through;color:#9e9d47}.dp-deadline-datetime{display:flex;gap:16px;margin-bottom:10px}.dp-datetime-item{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:#6b7280}.dp-datetime-item .material-symbols-outlined{font-size:16px;color:#9e9d47}.dp-deadline-badges{display:flex;flex-wrap:wrap;gap:6px}.dp-badge{padding:4px 10px;background:#f3f4f6;color:#6b7280;font-size:.6875rem;font-weight:600;border-radius:50px;text-transform:uppercase;letter-spacing:.03em}.dp-badge.category{background:#6366f11a;color:#4f46e5}.dp-badge.warning{background:#fbbf2426;color:#d97706}.dp-badge.error{background:#ef44441a;color:#dc2626}.dp-badge.success{background:#22c55e1a;color:#16a34a}.dp-deadline-notes{font-size:.8125rem;color:#9e9d47;margin:10px 0 0;line-height:1.5}.dp-deadline-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.dp-action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:50px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.dp-action-btn .material-symbols-outlined{font-size:16px}.dp-action-btn.primary{background:#22c55e;color:#fff}.dp-action-btn.primary:hover{background:#16a34a}.dp-action-btn.secondary{background:#f3f4f6;color:#6b7280}.dp-action-btn.secondary:hover{background:#e5e7eb;color:#1c1c0d}.dp-menu-btn{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9e9d47;transition:all .2s ease}.dp-menu-btn:hover{background:#f3f4f6;color:#1c1c0d}.dp-dropdown-menu{position:absolute;top:60px;right:20px;min-width:160px;background:#fff;border-radius:12px;border:1px solid #e9e8ce;box-shadow:0 10px 30px #0003;z-index:1000;overflow:hidden}.dp-dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:12px 16px;background:transparent;border:none;font-size:.8125rem;font-weight:500;color:#1c1c0d;cursor:pointer;transition:background .15s ease;text-align:left}.dp-dropdown-item:hover{background:#f8f8f5}.dp-dropdown-item .material-symbols-outlined{font-size:18px;color:#9e9d47}.dp-dropdown-item.danger,.dp-dropdown-item.danger .material-symbols-outlined{color:#dc2626}.dp-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99}.dp-empty-state{text-align:center;padding:60px 20px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;border:1px solid #e9e8ce}.dp-empty-icon{font-size:3rem;margin-bottom:16px}.dp-empty-title{font-size:1.25rem;font-weight:700;color:#1c1c0d;margin:0 0 8px}.dp-empty-text{font-size:.875rem;color:#9e9d47;margin:0}.dp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.dp-spinner{width:40px;height:40px;border:3px solid #e9e8ce;border-top-color:#f9f506;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.deadline-page{padding:16px}.dp-header{flex-direction:column;gap:16px;padding:20px}.dp-new-btn{width:100%;justify-content:center}.dp-stats-row{grid-template-columns:1fr;gap:12px}.dp-filter-tabs{width:100%;display:flex}.dp-filter-btn{flex:1;text-align:center;padding:10px 12px;font-size:.75rem}.dp-deadline-card{flex-direction:column;padding:16px}.dp-deadline-actions{flex-direction:row;width:100%;margin-top:12px}.dp-action-btn{flex:1;justify-content:center}}.dp-badge.attachment{background:#0ea5e91a;color:#0ea5e9;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease;border:1px solid rgba(14,165,233,.2)}.dp-badge.attachment:hover{background:#0ea5e933;transform:translateY(-1px);box-shadow:0 2px 6px #0ea5e933}.dp-badge.attachment .material-symbols-outlined{font-size:14px}.all-appointments-page{min-height:100vh;background:#f8f8f5;padding:24px;font-family:Spline Sans,-apple-system,BlinkMacSystemFont,sans-serif}.all-appointments-container{max-width:1000px;margin:0 auto}.aa-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:.8125rem}.aa-breadcrumb-link{display:flex;align-items:center;gap:6px;color:#9e9d47;text-decoration:none;transition:color .2s ease}.aa-breadcrumb-link:hover{color:#1c1c0d}.aa-breadcrumb-link .material-symbols-outlined{font-size:16px}.aa-breadcrumb-sep{color:#d1d5db}.aa-breadcrumb-current{color:#1c1c0d;font-weight:600}.aa-header{padding:24px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;border:1px solid #e9e8ce;margin-bottom:24px}.aa-title{font-size:1.75rem;font-weight:900;color:#1c1c0d;margin:0 0 4px;letter-spacing:-.02em}.aa-subtitle{font-size:.875rem;color:#9e9d47;margin:0}.btn-new-appointment{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;background:#f9f506;color:#1c1c0d;font-weight:700;font-size:.875rem;border:none;border-radius:50px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #f9f50666}.btn-new-appointment:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f9f50699;background:#ece805}.btn-new-appointment .material-symbols-outlined{font-size:20px}.aa-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.aa-stat-card{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#fff;border-radius:14px;border:1px solid #e9e8ce;transition:all .2s ease}.aa-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.aa-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.aa-stat-icon .material-symbols-outlined{font-size:22px}.aa-stat-icon.primary{background:#6366f126;color:#4f46e5}.aa-stat-icon.warning{background:#fbbf2426;color:#d97706}.aa-stat-icon.success{background:#22c55e26;color:#16a34a}.aa-stat-value{font-size:1.75rem;font-weight:800;color:#1c1c0d;line-height:1}.aa-stat-label{font-size:.75rem;color:#9e9d47;font-weight:500;margin-top:2px}.aa-period-filter{display:inline-flex;gap:4px;padding:4px;background:#fff;border-radius:50px;margin-bottom:24px;border:1px solid #e9e8ce}.aa-period-btn{padding:10px 20px;background:transparent;border:none;border-radius:50px;font-size:.8125rem;font-weight:600;color:#9e9d47;cursor:pointer;transition:all .2s ease}.aa-period-btn:hover:not(.active){color:#1c1c0d;background:#00000008}.aa-period-btn.active{background:#f9f506;color:#1c1c0d;box-shadow:0 2px 8px #f9f5064d}.aa-filters-row{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.aa-search-box{flex:1;min-width:200px;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid #e9e8ce;border-radius:12px;transition:all .2s ease}.aa-search-box:focus-within{border-color:#f9f506;box-shadow:0 0 0 3px #f9f50626}.aa-search-box .material-symbols-outlined{color:#9e9d47;font-size:20px}.aa-search-box input{flex:1;border:none;outline:none;font-size:.875rem;color:#1c1c0d;background:transparent}.aa-search-box input::placeholder{color:#9e9d47}.aa-clear-search{background:none;border:none;padding:4px;cursor:pointer;color:#9e9d47;display:flex;transition:color .2s}.aa-clear-search:hover{color:#dc2626}.aa-clear-search .material-symbols-outlined{font-size:18px}.aa-date-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.aa-date-input{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e9e8ce;border-radius:10px}.aa-date-input label{font-size:.75rem;font-weight:600;color:#9e9d47}.aa-date-input input{border:none;outline:none;font-size:.8125rem;color:#1c1c0d;background:transparent;cursor:pointer}.aa-clear-dates{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#fef2f2;border:none;border-radius:8px;font-size:.75rem;font-weight:600;color:#dc2626;cursor:pointer;transition:all .2s}.aa-clear-dates:hover{background:#fee2e2}.aa-clear-dates .material-symbols-outlined{font-size:16px}.aa-appointments-list{display:flex;flex-direction:column;gap:16px}.aa-appointment-card{display:flex;gap:16px;padding:20px;background:#fff;border-radius:14px;border:1px solid #e9e8ce;transition:all .2s ease;position:relative;overflow:visible}.aa-appointment-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.aa-appointment-card.done{opacity:.7}.aa-client-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:linear-gradient(135deg,#f9f506,#6366f1);color:#1c1c0d;text-decoration:none;border-radius:50px;font-weight:600;font-size:.75rem;transition:all .2s ease;flex-shrink:0}.aa-client-badge:hover{transform:scale(1.02);box-shadow:0 4px 12px #6366f14d}.aa-client-avatar{width:24px;height:24px;border-radius:50%;background:#ffffff4d;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.6875rem}.aa-appointment-icon{width:44px;height:44px;border-radius:12px;background:#f9f50626;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.aa-appointment-icon.done{background:#22c55e26;color:#16a34a}.aa-appointment-content{flex:1;min-width:0}.aa-appointment-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.aa-appointment-title{font-size:1rem;font-weight:700;color:#1c1c0d;margin:0}.aa-appointment-card.done .aa-appointment-title{text-decoration:line-through;color:#9e9d47}.aa-appointment-datetime{display:flex;gap:16px;margin-bottom:10px}.aa-datetime-item{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:#6b7280}.aa-datetime-item .material-symbols-outlined{font-size:16px;color:#9e9d47}.aa-appointment-badges{display:flex;flex-wrap:wrap;gap:6px}.aa-badge{padding:4px 10px;background:#f3f4f6;color:#6b7280;font-size:.6875rem;font-weight:600;border-radius:50px;text-transform:uppercase;letter-spacing:.03em}.aa-badge.category{background:#6366f11a;color:#4f46e5}.aa-badge.warning{background:#fbbf2426;color:#d97706}.aa-badge.error{background:#ef44441a;color:#dc2626}.aa-badge.success{background:#22c55e1a;color:#16a34a}.aa-appointment-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.aa-action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:50px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.aa-action-btn .material-symbols-outlined{font-size:16px}.aa-action-btn.primary{background:#22c55e;color:#fff}.aa-action-btn.primary:hover{background:#16a34a}.aa-action-btn.secondary{background:#f3f4f6;color:#6b7280}.aa-action-btn.secondary:hover{background:#e5e7eb;color:#1c1c0d}.aa-view-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid #e9e8ce;border-radius:50px;font-size:.75rem;font-weight:600;color:#6b7280;cursor:pointer;text-decoration:none;transition:all .2s ease}.aa-view-btn:hover{background:#f9f506;border-color:#f9f506;color:#1c1c0d}.aa-empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;border:1px solid #e9e8ce}.aa-empty-icon{font-size:3rem;margin-bottom:16px}.aa-empty-title{font-size:1.25rem;font-weight:700;color:#1c1c0d;margin:0 0 8px}.aa-empty-text{font-size:.875rem;color:#9e9d47;margin:0 0 20px}.aa-empty-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;background:#f9f506;color:#1c1c0d;font-size:.875rem;font-weight:700;border:none;border-radius:50px;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 14px #f9f50666}.aa-empty-btn:hover{background:#ece805;transform:translateY(-2px)}.aa-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.aa-spinner{width:40px;height:40px;border:3px solid #e9e8ce;border-top-color:#f9f506;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.all-appointments-page{padding:16px}.aa-header{padding:20px}.aa-title{font-size:1.5rem}.aa-stats-row{grid-template-columns:1fr;gap:12px}.aa-period-filter{width:100%;display:grid;grid-template-columns:repeat(3,1fr);border-radius:12px}.aa-period-btn{text-align:center;padding:10px 8px;font-size:.7rem;border-radius:8px}.aa-filters-row{flex-direction:column;gap:12px}.aa-search-box{min-width:100%}.aa-date-filters{width:100%;justify-content:space-between}.aa-date-input{flex:1}.aa-appointment-card{flex-direction:column;padding:16px}.aa-appointment-actions{flex-direction:row;width:100%;margin-top:12px}.aa-action-btn,.aa-view-btn{flex:1;justify-content:center}}.settings-page{padding:32px;max-width:800px;margin:0 auto;font-family:Spline Sans,-apple-system,BlinkMacSystemFont,sans-serif}.settings-card-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #f3f4f6;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.settings-card-header h2{font-size:1.25rem;font-weight:600;color:#1c1c0d;margin:0}.settings-card-header p{font-size:.875rem;color:#5c5c4f;margin:0}.plan-summary-container{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #f3f4f6}.plan-summary-header{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px}.plan-summary-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1c1c0d}.plan-summary-desc{margin:0;font-size:.875rem;color:#5c5c4f}.subscription-details{padding:0 24px 24px}.plan-badge-setting{font-size:.85rem;font-weight:700;padding:6px 16px;border-radius:99px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px}.plan-badge-setting.professional{background-color:#0f172a;color:#facc15;border:1px solid rgba(250,204,21,.2);box-shadow:0 4px 6px #0000001a}.plan-badge-setting.starter{background-color:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.plan-badge-setting.trial{background-color:#2563eb;color:#fff;border:none;box-shadow:0 2px 4px #2563eb33}.plan-badge-setting.expired{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.subscription-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;background-color:#f8fafc;padding:24px;border-radius:12px;margin-bottom:32px;border:1px solid #e2e8f0}.info-item label{display:block;font-size:.875rem;color:#64748b;margin-bottom:4px}.info-item p{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.upgrade-prompt{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-radius:12px;padding:24px;text-align:center}.upgrade-prompt p{color:#92400e;font-weight:500;margin-bottom:16px}.upgrade-link{display:inline-block;padding:10px 24px;text-decoration:none;background-color:#d97706;color:#fff;border-radius:8px;font-weight:600;transition:background-color .2s}.upgrade-link:hover{background-color:#b45309;color:#fff}.manage-subscription{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px}.settings-loading .spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top-color:#f9f506;border-radius:50%;animation:spin .8s linear infinite}.skeleton-card{pointer-events:none}.skeleton-button{border-radius:50px}.settings-loading p{color:#5c5c4f;font-size:.9375rem}.settings-tabs{display:flex;gap:8px;margin-bottom:24px;padding:4px;background:#f3f4f6;border-radius:50px;width:fit-content}.tab-btn{padding:12px 24px;border:none;background:transparent;border-radius:50px;font-size:.9375rem;font-weight:500;color:#5c5c4f;cursor:pointer;transition:all .2s ease;font-family:inherit}.tab-btn:hover{color:#1c1c0d}.tab-btn.active{background:#f9f506;color:#000;font-weight:600}.settings-message{padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:.9375rem;font-weight:500}.settings-message.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.settings-message.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.settings-card{background:#fff;border-radius:16px;border:1px solid #f3f4f6;padding:32px;box-shadow:0 1px 3px #00000005}.card-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #f3f4f6}.settings-header{margin-bottom:32px}.settings-header h2{font-size:1.5rem;font-weight:700;color:#1c1c0d;margin:0 0 8px;letter-spacing:-.02em}.card-header h2{font-size:1.25rem;font-weight:600;color:#1c1c0d;margin:0 0 4px}.card-header p{font-size:.875rem;color:#5c5c4f;margin:0}.settings-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.875rem;font-weight:600;color:#1c1c0d}.form-group input{padding:14px 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:.9375rem;font-family:inherit;transition:all .2s ease;background:#fafafa}.form-group input:focus{outline:none;border-color:#f9f506;background:#fff;box-shadow:0 0 0 3px #f9f50626}.form-group input::placeholder{color:#9ca3af}.form-hint{font-size:.8125rem;color:#6b7280;margin-top:4px}.input-disabled{background:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed}.form-hint.success{color:#047857;font-weight:500}.form-actions{display:flex;justify-content:flex-end;margin-top:12px;padding-top:24px;border-top:1px solid #f3f4f6}.btn-primary{padding:14px 28px;background:#f9f506;border:none;border-radius:50px;font-size:.9375rem;font-weight:600;color:#000;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-primary:hover:not(:disabled){background:#e6e205;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.settings-page{padding:20px 16px}.settings-header h1{font-size:1.5rem}.settings-tabs{width:100%}.tab-btn{flex:1;padding:10px 16px;font-size:.875rem}.settings-card{padding:24px 20px}.form-row{grid-template-columns:1fr}.form-actions{justify-content:stretch}.btn-primary{width:100%}}.integration-content{display:flex;flex-direction:column;gap:24px}.integration-status{display:flex;flex-direction:column;gap:12px}.status-indicator{display:flex;align-items:center;gap:10px}.status-dot{width:10px;height:10px;border-radius:50%}.status-indicator.connected .status-dot{background:#22c55e;box-shadow:0 0 8px #22c55e80}.status-indicator.disconnected .status-dot{background:#d1d5db}.status-text{font-size:.9375rem;font-weight:600;color:#1c1c0d}.integration-hint{font-size:.875rem;color:#047857;margin:0;padding:12px 16px;background:#ecfdf5;border-radius:10px}.integration-actions{display:flex;gap:12px}.btn-google{display:flex;align-items:center;gap:10px;padding:14px 28px;background:#4285f4;border:none;border-radius:50px;font-size:.9375rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-google:hover:not(:disabled){background:#3367d6;transform:translateY(-1px)}.btn-google:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:14px 28px;background:#f3f4f6;border:none;border-radius:50px;font-size:.9375rem;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.settings-logout-section{margin-top:32px;padding:24px;background:#fff;border-radius:16px;border:1px solid #f3f4f6;text-align:center}.btn-logout{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;background:#fef2f2;border:1px solid #fecaca;border-radius:50px;font-size:.9375rem;font-weight:600;color:#dc2626;cursor:pointer;transition:all .2s ease;font-family:inherit;width:100%;max-width:300px}.btn-logout:hover{background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.btn-logout .material-symbols-outlined{font-size:20px}@media (max-width: 768px){.settings-page{padding:20px 16px 100px;min-height:100vh;overflow-y:auto}.settings-header h1{font-size:1.5rem}.settings-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{flex:1;padding:10px 12px;font-size:.75rem;white-space:nowrap}.settings-card{padding:20px 16px}.form-row{grid-template-columns:1fr}.form-actions{justify-content:stretch;padding-bottom:16px}.btn-primary{width:100%}.settings-logout-section{margin-top:24px;margin-bottom:20px;padding:20px 16px}.btn-logout{max-width:none;width:100%}.integration-actions{flex-direction:column}.btn-google,.btn-secondary{width:100%;justify-content:center}}.landing-page{--yellow: #f9f506;--yellow-dark: #e6e205;--bg-dark: #0a0a0f;--bg-card: rgba(26, 26, 46, .8);--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;font-family:Spline Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.animated-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.gradient-sphere{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:float 20s ease-in-out infinite}.sphere-1{width:60vw;height:60vw;top:-20%;left:-20%;background:radial-gradient(circle,var(--yellow) 0%,transparent 70%);animation-delay:0s}.sphere-2{width:40vw;height:40vw;top:40%;right:-15%;background:radial-gradient(circle,#a855f7 0%,transparent 70%);animation-delay:-7s}.sphere-3{width:35vw;height:35vw;bottom:-10%;left:30%;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(5%,5%) scale(1.05)}50%{transform:translate(-5%,10%) scale(.95)}75%{transform:translate(10%,-5%) scale(1.02)}}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.glass-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.nav-logo .logo-image{height:28px;width:auto}.nav-links{display:flex;gap:2.5rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--yellow)}.nav-actions{display:flex;align-items:center;gap:1.5rem}.nav-login{color:var(--text-primary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}.nav-login:hover{color:var(--yellow)}.btn-cta{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;background:var(--yellow);color:#000;font-weight:700;font-size:.875rem;border-radius:100px;text-decoration:none;overflow:hidden;transition:transform .2s,box-shadow .2s}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 10px 40px #f9f5064d}.btn-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-100%);animation:glow-slide 3s infinite}@keyframes glow-slide{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.hero-section{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:8rem 4rem 4rem;max-width:1400px;margin:0 auto;position:relative;z-index:1}.hero-section.visible .animate-fade-up{opacity:1;transform:translateY(0)}.animate-fade-up{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.hero-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#f9f5061a;border:1px solid rgba(249,245,6,.2);border-radius:100px;font-size:.875rem;color:var(--yellow);width:fit-content}.badge-pulse{width:8px;height:8px;background:var(--yellow);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin:1.5rem 0}.title-line{display:block;color:var(--text-primary)}.title-gradient{background:linear-gradient(135deg,var(--yellow) 0%,#fcd34d 50%,var(--yellow) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shimmer{animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;max-width:500px;margin-bottom:2rem}.hero-cta{display:flex;flex-direction:column;gap:.75rem}.btn-primary-lg{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--yellow);color:#000;font-weight:700;font-size:1rem;border-radius:100px;text-decoration:none;transition:all .3s ease;width:fit-content}.btn-primary-lg:hover{transform:translateY(-3px);box-shadow:0 15px 50px #f9f50666}.btn-primary-lg .arrow-icon{width:20px;height:20px;transition:transform .3s}.btn-primary-lg:hover .arrow-icon{transform:translate(5px)}.cta-note{font-size:.875rem;color:var(--text-muted)}.hero-stats{display:flex;align-items:center;gap:2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.landing-stat-item{display:flex;flex-direction:column;gap:.25rem}.landing-stat-value{font-size:1.5rem;font-weight:800;color:#fff}.landing-stat-label{font-size:.75rem;color:var(--text-muted)}.landing-stat-divider{width:1px;height:40px;background:#ffffff1a}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.dashboard-preview{position:relative;width:100%;max-width:600px}.preview-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle,rgba(249,245,6,.15) 0%,transparent 60%);filter:blur(60px);z-index:0}.browser-frame{position:relative;z-index:1;background:#14141ee6;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 50px 100px #00000080}.browser-dots{display:flex;gap:6px;padding:12px 16px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.05)}.browser-dots span{width:10px;height:10px;border-radius:50%;background:#fff3}.browser-dots span:first-child{background:#ff5f57}.browser-dots span:nth-child(2){background:#ffbd2e}.browser-dots span:nth-child(3){background:#28ca42}.browser-content{display:flex;min-height:350px}.mock-sidebar{width:60px;background:#0000004d;padding:16px 8px;display:flex;flex-direction:column;gap:12px}.mock-logo{width:100%;height:24px;background:var(--yellow);border-radius:4px}.mock-nav-item{width:100%;height:32px;background:#ffffff0d;border-radius:6px}.mock-nav-item.active{background:#f9f50633}.mock-main{flex:1;padding:16px}.mock-header{height:24px;width:40%;background:#ffffff1a;border-radius:4px;margin-bottom:16px}.mock-cards{display:flex;gap:12px;margin-bottom:16px}.mock-card{flex:1;height:80px;border-radius:8px;animation:card-pulse 3s ease-in-out infinite}.card-1{background:linear-gradient(135deg,#f9f50633,#f9f5061a);animation-delay:0s}.card-2{background:linear-gradient(135deg,#a855f733,#a855f71a);animation-delay:1s}.card-3{background:linear-gradient(135deg,#3b82f633,#3b82f61a);animation-delay:2s}@keyframes card-pulse{0%,to{opacity:.8}50%{opacity:1}}.mock-list{display:flex;flex-direction:column;gap:8px}.mock-item{height:48px;background:#ffffff0d;border-radius:8px}.float-card{position:absolute;z-index:10;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1a1a2ef2;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 20px 50px #0006;animation:float-card 4s ease-in-out infinite}.float-notification{top:20%;right:-20px;animation-delay:0s}.float-calendar{bottom:25%;left:-30px;animation-delay:-2s}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-icon{font-size:1.5rem}.calendar-date{display:flex;flex-direction:column;align-items:center;padding:8px 12px;background:var(--yellow);border-radius:8px}.cal-day{font-size:1.25rem;font-weight:800;color:#000;line-height:1}.cal-month{font-size:.625rem;font-weight:600;color:#0009;text-transform:uppercase}.float-text{display:flex;flex-direction:column}.float-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.float-desc{font-size:.75rem;color:var(--text-muted)}.features-section{padding:8rem 2rem;position:relative;z-index:1}.features-section.visible .feature-card,.features-section.visible .section-header,.features-section.visible .section-tag,.features-section.visible .section-title{opacity:1;transform:translateY(0)}.features-section .section-header{opacity:0;transform:translateY(20px);transition:all .6s ease}.features-section .section-tag{opacity:0;transform:translateY(20px);transition:all .6s ease .1s}.features-section .section-title{opacity:0;transform:translateY(20px);transition:all .6s ease .2s}.section-container{max-width:1200px;margin:0 auto}.section-header{margin-bottom:4rem}.section-header.center{text-align:center}.section-tag{display:inline-block;padding:.375rem 1rem;background:#f9f5061a;border:1px solid rgba(249,245,6,.2);border-radius:100px;font-size:.75rem;font-weight:600;color:var(--yellow);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2;margin:0}.text-gradient{background:linear-gradient(135deg,var(--yellow),#fcd34d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:1.5rem auto 0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{position:relative;padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;opacity:0;transform:translateY(30px);transition:all .6s ease;overflow:hidden}.feature-1{transition-delay:.1s}.feature-2{transition-delay:.2s}.feature-3{transition-delay:.3s}.feature-4{transition-delay:.4s}.feature-5{transition-delay:.5s}.feature-6{transition-delay:.6s}.feature-card:hover{background:#ffffff0d;border-color:#f9f50633;transform:translateY(-5px)}.feature-card:hover .feature-glow{opacity:1}.feature-glow{position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,rgba(249,245,6,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f9f5061a;border-radius:12px;font-size:1.5rem;margin-bottom:1.5rem}.feature-card h3{font-size:1.125rem;font-weight:700;margin:0 0 .75rem;color:var(--text-primary)}.feature-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0}.preview-section{padding:8rem 2rem;position:relative;z-index:1}.preview-section.visible .big-stat{opacity:1;transform:translateY(0)}.stats-row-section{display:flex;justify-content:center;gap:6rem;margin-top:4rem}.big-stat{text-align:center;opacity:0;transform:translateY(20px);transition:all .6s ease}.big-stat:nth-child(1){transition-delay:.1s}.big-stat:nth-child(2){transition-delay:.2s}.big-stat:nth-child(3){transition-delay:.3s}.big-number{display:block;font-size:4rem;font-weight:800;color:var(--yellow);line-height:1}.big-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.pricing-section{padding:8rem 2rem;position:relative;z-index:1}.pricing-section.visible .pricing-card{opacity:1;transform:translateY(0)}.billing-toggle{display:flex;justify-content:center;gap:.5rem;margin-bottom:4rem;padding:.25rem;background:#ffffff0d;border-radius:100px;width:fit-content;margin-left:auto;margin-right:auto}.toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:100px;color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.toggle-btn.active{background:var(--yellow);color:#000}.save-badge{padding:.125rem .5rem;background:#22c55e33;color:#4ade80;border-radius:100px;font-size:.75rem}.pricing-grid{display:flex;justify-content:center;gap:2rem;max-width:800px;margin:0 auto}.pricing-card{flex:1;max-width:350px;padding:2.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;opacity:0;transform:translateY(30px);transition:all .6s ease}.pricing-card:first-child{transition-delay:.1s}.pricing-card:last-child{transition-delay:.2s}.pricing-card.featured{position:relative;background:linear-gradient(180deg,#f9f5061a,#f9f50605);border-color:#f9f5064d}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:.375rem 1rem;background:var(--yellow);color:#000;font-size:.75rem;font-weight:700;border-radius:100px}.card-header-pricing{text-align:center}.card-header-pricing h3{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-primary)}.card-header-pricing p{font-size:.875rem;color:var(--text-muted);margin:.25rem 0 0}.price{display:flex;align-items:baseline;justify-content:center;margin:2rem 0}.currency{font-size:1.5rem;font-weight:600;color:var(--text-secondary)}.amount{font-size:3.5rem;font-weight:800;color:var(--text-primary);line-height:1}.period{font-size:1rem;color:var(--text-muted);margin-left:.25rem}.features-list{list-style:none;padding:0;margin:0 0 2rem}.features-list li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;font-size:.875rem;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.05)}.features-list li:last-child{border-bottom:none}.check{color:var(--yellow);font-weight:700}.btn-outline{display:flex;justify-content:center;width:100%;padding:.875rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:100px;color:var(--text-primary);font-size:.875rem;font-weight:600;text-align:center;text-decoration:none;transition:all .2s}.btn-outline:hover{background:#ffffff0d;border-color:#ffffff4d}.btn-primary-pricing{display:flex;justify-content:center;width:100%;padding:.875rem;background:var(--yellow);border:none;border-radius:100px;color:#000;font-size:.875rem;font-weight:700;text-align:center;text-decoration:none;transition:all .2s}.btn-primary-pricing:hover{background:var(--yellow-dark);transform:translateY(-2px);box-shadow:0 10px 30px #f9f5064d}.cta-section{padding:8rem 2rem;position:relative;z-index:1}.cta-section.visible .cta-container{opacity:1;transform:translateY(0)}.cta-container{max-width:800px;margin:0 auto;text-align:center;padding:4rem;background:linear-gradient(180deg,#f9f5061a,#f9f50605);border:1px solid rgba(249,245,6,.2);border-radius:24px;position:relative;overflow:hidden;transform:translateY(30px);transition:all .6s ease}.cta-glow{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:80%;height:100%;background:radial-gradient(circle,rgba(249,245,6,.2) 0%,transparent 60%);filter:blur(80px)}.cta-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;margin:0 0 1rem;position:relative}.cta-subtitle{font-size:1.125rem;color:var(--text-secondary);margin:0 0 2rem;position:relative}.btn-cta-large{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:var(--yellow);color:#000;font-weight:700;font-size:1rem;border-radius:100px;text-decoration:none;position:relative;transition:all .3s}.btn-cta-large:hover{transform:translateY(-3px);box-shadow:0 15px 50px #f9f50666}.btn-cta-large .arrow-icon{width:20px;height:20px}.landing-footer{padding:3rem 2rem;border-top:1px solid rgba(255,255,255,.05);position:relative;z-index:1}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.footer-logo-wrapper{display:flex;justify-content:center}.footer-logo{height:28px;width:auto}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem 2rem}.footer-links a{font-size:.9rem;color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--yellow)}.footer-social{display:flex;gap:1.5rem}.footer-social a{font-size:1.5rem;transition:transform .2s}.footer-social a:hover{transform:scale(1.2)}.footer-copyright{font-size:.8rem;color:var(--text-muted);margin:0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05);width:100%}@media (max-width: 1024px){.hero-section{grid-template-columns:1fr;text-align:center;padding:7rem 2rem 4rem}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-subtitle{max-width:100%}.hero-cta{align-items:center}.hero-stats{justify-content:center}.hero-visual{display:block;margin-top:2rem;width:100%;max-width:400px;margin-left:auto;margin-right:auto}.hero-visual .dashboard-preview{transform:scale(.85)}.hero-visual .float-card{display:flex;transform:scale(.75);position:absolute}.hero-visual .float-notification{top:5%;right:0}.hero-visual .float-calendar{bottom:15%;left:0}.hero-visual .float-success{bottom:35%;right:0}.features-grid{grid-template-columns:repeat(2,1fr)}.stats-row-section{flex-wrap:wrap;gap:3rem}.nav-links{display:none}}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}.pricing-grid{flex-direction:column;align-items:stretch;padding:0 1rem}.pricing-card{max-width:100%;width:100%}.footer-container{flex-direction:column;gap:2rem;text-align:center}.footer-brand{flex-direction:column}.big-number{font-size:3rem}}.cursor-follower{position:fixed;width:20px;height:20px;background:radial-gradient(circle,rgba(249,245,6,.8),transparent);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .3s,height .3s,background .3s;mix-blend-mode:screen;filter:blur(2px)}.cursor-follower.hovering{width:50px;height:50px;background:radial-gradient(circle,rgba(249,245,6,.4),transparent)}@media (max-width: 1024px){.cursor-follower{display:none}}.tilt-card{position:relative;transition:transform .15s ease-out;transform-style:preserve-3d}.tilt-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at var(--shine-x, 50%) var(--shine-y, 50%),rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none;opacity:0;transition:opacity .3s}.tilt-card:hover .tilt-shine{opacity:1}.magnetic-btn{display:inline-flex;align-items:center;transition:transform .2s ease-out;will-change:transform}.typing-cursor{display:inline-block;width:3px;margin-left:2px;animation:blink 1s step-end infinite;color:var(--yellow)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.noise-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}.float-success{bottom:40%;right:-10px;animation-delay:-4s}.success-icon{height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.feature-card.tilt-card{cursor:pointer}.feature-card.tilt-card:hover{z-index:10}.btn-cta .btn-glow,.btn-primary-lg:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(90deg,transparent,rgba(249,245,6,.5),transparent);border-radius:inherit;opacity:0;z-index:-1;animation:none}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.interactive{cursor:pointer;transition:all .2s ease}.pricing-card.tilt-card{cursor:default}.pricing-card.featured.tilt-card{z-index:5}.hero-visual{transition:transform .1s ease-out}html{scroll-behavior:smooth}::selection{background:#f9f5064d;color:#fff}.problem-section{padding:6rem 2rem;position:relative;z-index:1;background:linear-gradient(180deg,transparent 0%,rgba(239,68,68,.05) 50%,transparent 100%)}.problems-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.problem-card{padding:2rem;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:16px;text-align:center;transition:transform .3s,background .3s}.problem-card:hover{transform:translateY(-5px);background:#ef44441a}.problem-icon{font-size:2.5rem;margin-bottom:1rem}.problem-card h3{font-size:1.125rem;font-weight:700;color:#ef4444;margin-bottom:.75rem}.problem-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.solution-section{padding:6rem 2rem;position:relative;z-index:1}.solution-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.solution-desc{font-size:1.125rem;color:var(--text-secondary);line-height:1.8;margin:1.5rem 0}.solution-benefits{list-style:none;padding:0;margin:2rem 0 0}.solution-benefits li{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;font-size:1rem;color:var(--text-primary);line-height:1.6}.check-green{color:#22c55e;font-weight:700}.solution-visual{display:flex;justify-content:center}.solution-mockup{position:relative}.mockup-phone{width:280px;background:#14141ee6;border:2px solid rgba(255,255,255,.1);border-radius:32px;padding:1.5rem;box-shadow:0 40px 80px #00000080}.phone-screen{display:flex;flex-direction:column;gap:1rem}.phone-notification,.phone-booking,.phone-payment{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:12px;animation:float-card 4s ease-in-out infinite}.phone-notification{animation-delay:0s;border-left:3px solid var(--yellow)}.phone-booking{animation-delay:-1.5s;border-left:3px solid #3b82f6}.phone-payment{animation-delay:-3s;border-left:3px solid #22c55e}.phone-notification span,.phone-booking span,.phone-payment span{font-size:1.5rem}.phone-notification div,.phone-booking div,.phone-payment div{display:flex;flex-direction:column}.phone-notification strong,.phone-booking strong,.phone-payment strong{font-size:.875rem;color:var(--text-primary)}.phone-notification p,.phone-booking p,.phone-payment p{font-size:.75rem;color:var(--text-muted);margin:.25rem 0 0}.how-it-works-section{padding:6rem 2rem;position:relative;z-index:1;background:linear-gradient(180deg,transparent 0%,rgba(249,245,6,.03) 50%,transparent 100%)}.steps-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem}.step-card{position:relative;padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:16px;text-align:center;width:280px;transition:all .3s}.step-card:hover{background:#ffffff0d;border-color:#f9f5064d;transform:translateY(-5px)}.step-number{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:30px;height:30px;background:var(--yellow);color:#000;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem}.step-icon{font-size:2.5rem;margin-bottom:1rem}.step-card h3{font-size:1.125rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.step-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.step-arrow{font-size:2rem;color:var(--yellow);opacity:.5}.steps-cta{text-align:center}.target-section{padding:6rem 2rem;position:relative;z-index:1}.target-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.target-card{padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;text-align:center;transition:all .3s}.target-card:hover{background:#ffffff0d;border-color:#f9f50633}.target-icon{font-size:2.5rem;margin-bottom:1rem}.target-card h3{font-size:1.125rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.target-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.testimonials-section{padding:6rem 2rem;position:relative;z-index:1}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.testimonial-card{padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s}.testimonial-card:hover{background:#ffffff0d;border-color:#f9f50633;transform:translateY(-5px)}.testimonial-stars{margin-bottom:1rem;font-size:1rem}.testimonial-text{font-size:1rem;color:var(--text-secondary);line-height:1.8;font-style:italic;margin-bottom:1.5rem}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--yellow),#fcd34d);color:#000;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem}.author-info{display:flex;flex-direction:column}.author-info strong{font-size:.875rem;color:var(--text-primary)}.author-info span{font-size:.75rem;color:var(--text-muted)}.partners-section{padding:6rem 2rem;position:relative;z-index:1;background:linear-gradient(180deg,transparent 0%,rgba(249,245,6,.05) 50%,transparent 100%)}.partners-content{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center}.partners-text p{font-size:1.125rem;color:var(--text-secondary);line-height:1.8;margin:1.5rem 0}.partners-benefits{list-style:none;padding:0;margin:1.5rem 0}.partners-benefits li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;font-size:1rem;color:var(--text-primary)}.btn-cta-yellow{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--yellow);color:#000;font-weight:700;font-size:1rem;border-radius:100px;text-decoration:none;transition:all .3s ease}.btn-cta-yellow:hover{transform:translateY(-3px);box-shadow:0 15px 50px #f9f50666}.btn-cta-yellow .arrow-icon{width:20px;height:20px}.partners-visual{display:flex;justify-content:center}.partner-stats{display:flex;flex-direction:column;gap:1.5rem}.partner-stat{padding:1.5rem 2rem;background:#f9f5061a;border:1px solid rgba(249,245,6,.2);border-radius:16px;text-align:center}.partner-value{display:block;font-size:2rem;font-weight:800;color:var(--yellow);margin-bottom:.25rem}.partner-label{font-size:.875rem;color:var(--text-secondary)}@media (max-width: 1024px){.problems-grid{grid-template-columns:repeat(2,1fr)}.solution-content,.partners-content{grid-template-columns:1fr;gap:3rem}.steps-container{flex-direction:column}.step-arrow{transform:rotate(90deg)}.step-card{width:100%;max-width:400px}.target-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.problems-grid,.target-grid,.testimonials-grid{grid-template-columns:1fr}.mockup-phone{width:250px}}.expired-page{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;padding:2rem}.expired-container{max-width:800px;text-align:center}.expired-icon{width:100px;height:100px;background:linear-gradient(135deg,#ff6b6b33,#ff6b6b0d);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;border:2px solid rgba(255,107,107,.3)}.expired-icon .material-symbols-outlined{font-size:48px;color:#ff6b6b}.expired-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#a8a8a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.expired-subtitle{font-size:1.1rem;color:#ffffffb3;max-width:500px;margin:0 auto 2.5rem;line-height:1.6}.expired-benefits{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem 2rem;margin-bottom:2.5rem}.expired-benefits h3{color:#ffffffe6;font-size:1rem;font-weight:600;margin-bottom:1rem}.expired-benefits ul{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;text-align:left}.expired-benefits li{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.9rem}.expired-benefits li .material-symbols-outlined{font-size:18px;color:#6c5ce7}.expired-plans{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.plan-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem;text-align:left;position:relative;transition:all .3s ease}.plan-card:hover{border-color:#6c5ce74d;transform:translateY(-4px)}.plan-card.featured{background:linear-gradient(135deg,#6c5ce726,#6c5ce70d);border-color:#6c5ce766}.plan-badge{position:absolute;top:-10px;right:20px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-size:.7rem;font-weight:600;padding:.35rem .75rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.plan-badge.previous{background:linear-gradient(135deg,#f39c12,#e67e22)}.expired-benefits.renew{border-color:#f39c124d;background:linear-gradient(135deg,#f39c121a,#f39c1205)}.renew-message{color:#ffffffb3;font-size:.95rem;line-height:1.6;margin:0}.plan-card.previous-plan{border-color:#f39c1280;box-shadow:0 0 20px #f39c1226}.plan-card h4{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.plan-price{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1.25rem}.plan-price span{font-size:1rem;font-weight:400;color:#ffffff80}.plan-card ul{list-style:none;margin-bottom:1.5rem}.plan-card li{color:#ffffffb3;font-size:.9rem;padding:.4rem 0}.plan-btn{display:block;width:100%;padding:.875rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;text-decoration:none;text-align:center;transition:all .3s ease}.plan-btn:hover{background:#ffffff26;transform:translateY(-2px)}.plan-btn.featured{background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none}.plan-btn.featured:hover{opacity:.9;box-shadow:0 8px 25px #6c5ce766}.expired-footer{padding-top:1rem}.expired-logout{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#ffffff80;font-size:.9rem;cursor:pointer;padding:.5rem 1rem;transition:color .2s ease}.expired-logout:hover{color:#fffc}.expired-logout .material-symbols-outlined{font-size:18px}@media (max-width: 768px){.expired-title{font-size:1.75rem}.expired-benefits ul,.expired-plans{grid-template-columns:1fr}}.demo-page{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);position:relative;overflow:hidden}.demo-bg-orbs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.demo-bg-orbs .gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.demo-bg-orbs .orb-1{width:400px;height:400px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);top:-100px;right:-100px}.demo-bg-orbs .orb-2{width:300px;height:300px;background:linear-gradient(135deg,#fd79a8,#e84393);bottom:10%;left:-100px}.demo-nav{position:relative;z-index:10;padding:1.5rem 2rem}.demo-back{display:inline-flex;align-items:center;gap:.5rem;color:#ffffffb3;text-decoration:none;font-size:.95rem;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease}.demo-back:hover{color:#fff;background:#ffffff1a}.demo-back .material-symbols-outlined{font-size:20px}.demo-content{position:relative;z-index:5;max-width:1000px;margin:0 auto;padding:0 2rem 4rem}.demo-header{text-align:center;margin-bottom:3rem}.demo-header h1{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.75rem;background:linear-gradient(135deg,#fff,#a8a8a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-header p{color:#fff9;font-size:1.1rem}.demo-video-container{margin-bottom:4rem}.demo-video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:20px;overflow:hidden;background:#0000004d;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 60px #0006}.demo-video{width:100%;height:100%;object-fit:cover}.demo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#6c5ce71a,#6c5ce705)}.demo-placeholder-icon{width:100px;height:100px;border-radius:50%;background:#6c5ce733;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}.demo-placeholder-icon .material-symbols-outlined{font-size:56px;color:#6c5ce7}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.demo-placeholder h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.demo-placeholder p{color:#ffffff80;margin-bottom:1rem}.demo-duration{display:inline-block;background:#ffffff1a;color:#ffffffb3;padding:.35rem .75rem;border-radius:20px;font-size:.85rem}.demo-features{margin-bottom:4rem}.demo-features h2{text-align:center;color:#fff;font-size:1.5rem;margin-bottom:2rem}.demo-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.demo-feature{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease}.demo-feature:hover{border-color:#6c5ce74d;transform:translateY(-4px)}.demo-feature-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-weight:700;border-radius:50%;margin-bottom:1rem}.demo-feature h4{color:#fff;font-size:1rem;margin-bottom:.5rem}.demo-feature p{color:#fff9;font-size:.85rem;line-height:1.5}.demo-cta{text-align:center;padding:3rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px}.demo-cta h2{color:#fff;font-size:1.75rem;margin-bottom:.5rem}.demo-cta p{color:#fff9;margin-bottom:1.5rem}.demo-cta .btn-primary-glow{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;padding:1rem 2rem;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease}.demo-cta .btn-primary-glow:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6c5ce766}.demo-cta .btn-arrow{transition:transform .2s ease}.demo-cta .btn-primary-glow:hover .btn-arrow{transform:translate(4px)}@media (max-width: 900px){.demo-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.demo-header h1{font-size:1.75rem}.demo-features-grid{grid-template-columns:1fr}.demo-cta{padding:2rem 1.5rem}}.legal-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:2rem}.legal-container{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;padding:3rem;box-shadow:0 4px 20px #00000014}.legal-back{display:inline-flex;align-items:center;color:#6c5ce7;text-decoration:none;font-weight:500;margin-bottom:2rem;transition:color .2s ease}.legal-back:hover{color:#5a4bd1}.legal-page h1{font-size:2.5rem;font-weight:700;color:#1a1a2e;margin-bottom:.5rem}.legal-updated{color:#6c757d;font-size:.9rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e9ecef}.legal-page section{margin-bottom:2rem}.legal-page h2{font-size:1.25rem;font-weight:600;color:#1a1a2e;margin-bottom:1rem}.legal-page h3{font-size:1rem;font-weight:600;color:#495057;margin:1rem 0 .5rem}.legal-page p{color:#495057;line-height:1.7;margin-bottom:.75rem}.legal-page ul{margin:.5rem 0 1rem 1.5rem;color:#495057}.legal-page li{margin-bottom:.5rem;line-height:1.6}.legal-page li strong{color:#1a1a2e}.legal-page a{color:#6c5ce7;text-decoration:none}.legal-page a:hover{text-decoration:underline}.dpa-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}.dpa-table th,.dpa-table td{padding:12px 16px;text-align:left;border:1px solid #e9ecef}.dpa-table th{background:#f8f9fa;font-weight:600;color:#1a1a2e}.dpa-table td{color:#495057}.dpa-table tr:hover td{background:#f8f9fa}.legal-intro{font-size:1.05rem;color:#495057;line-height:1.8;padding:1rem 1.5rem;background:#f8f9fa;border-left:4px solid #6c5ce7;border-radius:0 8px 8px 0;margin-bottom:2rem}.legal-links{margin-top:3rem;padding-top:2rem;border-top:1px solid #e9ecef}.legal-links p{font-weight:600;color:#1a1a2e;margin-bottom:.5rem}.legal-links ul{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem;flex-wrap:wrap}.legal-links li{margin:0}@media (max-width: 768px){.legal-container{padding:1.5rem}.legal-page h1{font-size:1.75rem}.dpa-table{font-size:.8rem}.dpa-table th,.dpa-table td{padding:8px 10px}.legal-links ul{flex-direction:column;gap:.75rem}}.help-page .legal-container{max-width:900px}.help-section{margin-bottom:3rem}.help-section h2{font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f9f506}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:#f8f9fa;border-radius:12px;overflow:hidden;border:1px solid #e9ecef;transition:all .2s ease}.faq-item.open{background:#fff;border-color:#f9f506;box-shadow:0 4px 12px #f9f50626}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:none;border:none;cursor:pointer;font-size:1rem;font-weight:600;color:#1a1a2e;text-align:left}.faq-question:hover{background:#f9f5061a}.faq-icon{font-size:1.25rem;color:#6c5ce7;font-weight:700}.faq-answer{padding:0 20px 16px;animation:fadeIn .2s ease}.faq-answer p{margin:0;color:#495057;line-height:1.7}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-section p{color:#6c757d;margin-bottom:1.5rem}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form .form-group{display:flex;flex-direction:column;gap:6px}.contact-form label{font-size:.875rem;font-weight:600;color:#1a1a2e}.contact-form input,.contact-form textarea{padding:12px 16px;border:1px solid #e9ecef;border-radius:10px;font-size:.9375rem;transition:all .2s ease;font-family:inherit}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.contact-form textarea{resize:vertical;min-height:120px}.btn-submit{padding:14px 28px;background:#6c5ce7;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.btn-submit:hover{background:#5a4bd1;transform:translateY(-2px)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.contact-success{text-align:center;padding:40px;background:#f8f9fa;border-radius:12px}.contact-success .success-icon{font-size:3rem;display:block;margin-bottom:16px}.contact-success h3{font-size:1.25rem;margin-bottom:8px;color:#1a1a2e}.contact-success p{color:#6c757d;margin-bottom:20px}.btn-reset{padding:10px 20px;background:#e9ecef;color:#495057;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-reset:hover{background:#dee2e6}.contact-info{margin-top:24px;padding-top:24px;border-top:1px solid #e9ecef}.contact-info p{margin-bottom:8px;color:#6c757d}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.quick-link{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#f8f9fa;border-radius:12px;text-decoration:none;color:#1a1a2e;font-weight:500;transition:all .2s ease;border:1px solid transparent}.quick-link:hover{background:#fff;border-color:#6c5ce7;transform:translateY(-2px);box-shadow:0 4px 12px #6c5ce71a}.quick-link span:first-child{font-size:1.25rem}@media (max-width: 768px){.contact-form .form-row{grid-template-columns:1fr}.links-grid{grid-template-columns:1fr 1fr}}.public-booking-page{min-height:100vh;background:linear-gradient(135deg,#f5f5f0,#e8e8e0);display:flex;flex-direction:column}.booking-loading,.booking-error-card,.booking-success-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.booking-loading .spinner{width:50px;height:50px;border:4px solid #e0e0d8;border-top-color:#c9a227;border-radius:50%;animation:spin 1s linear infinite}.booking-error-card,.booking-success-card{max-width:400px;margin:auto;background:#fff;border-radius:16px;padding:48px 32px;box-shadow:0 4px 20px #00000014}.error-icon,.success-icon{font-size:64px;margin-bottom:24px}.booking-error-card h2,.booking-success-card h2{font-size:24px;color:#1a1a1a;margin-bottom:12px}.booking-error-card p,.booking-success-card p{color:#666;line-height:1.6}.success-note{margin-top:16px;padding:12px;background:#f0fdf4;border-radius:8px;color:#166534;font-size:14px}.booking-header{padding:16px 24px;background:#fff;border-bottom:1px solid #e0e0d8}.booking-logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:#1a1a1a}.booking-logo span:first-child{font-size:24px}.booking-main{flex:1;max-width:1000px;width:100%;margin:0 auto;padding:32px 24px}.booking-prof-card{display:flex;align-items:center;gap:16px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:32px}.prof-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#c9a227,#e0c068);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.prof-info h1{font-size:24px;color:#1a1a1a;margin:0 0 4px}.prof-info p{color:#666;margin:0}.booking-title{font-size:20px;color:#1a1a1a;margin-bottom:24px;font-weight:600}.booking-content{display:grid;grid-template-columns:1fr 1fr;gap:24px}.booking-calendar-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.nav-btn{width:36px;height:36px;border:1px solid #e0e0d8;background:#fff;border-radius:8px;font-size:18px;cursor:pointer;transition:all .2s}.nav-btn:hover{background:#f5f5f0;border-color:#c9a227}.current-month{font-size:16px;font-weight:600;color:#1a1a1a;text-transform:capitalize}.no-slots{text-align:center;padding:40px 20px;color:#666}.slots-list{max-height:400px;overflow-y:auto}.day-group{margin-bottom:20px}.day-title{font-size:14px;font-weight:600;color:#c9a227;text-transform:capitalize;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0e8}.day-slots{display:flex;flex-wrap:wrap;gap:8px}.slot-btn{padding:10px 16px;border:1px solid #e0e0d8;background:#fff;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.slot-btn:hover{border-color:#c9a227;background:#fffdf5}.slot-btn.selected{background:linear-gradient(135deg,#c9a227,#e0c068);color:#fff;border-color:#c9a227}.booking-form-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f}.booking-form{display:flex;flex-direction:column;gap:20px}.selected-slot-display{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#fffdf5,#f5f0e0);border:1px solid #c9a227;border-radius:12px;font-weight:500;color:#1a1a1a}.selected-slot-display span:first-child{font-size:24px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:#333}.form-group input,.form-group textarea{padding:12px 16px;border:1px solid #e0e0d8;border-radius:10px;font-size:15px;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#c9a227;box-shadow:0 0 0 3px #c9a2271a}.form-group textarea{resize:vertical;min-height:80px}.form-error{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.submit-btn{padding:14px 24px;background:linear-gradient(135deg,#c9a227,#e0c068);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #c9a2274d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-disclaimer{font-size:12px;color:#888;text-align:center;margin:0}.booking-footer{padding:24px;text-align:center;border-top:1px solid #e0e0d8;background:#fff}.booking-footer p{margin:0;font-size:14px;color:#666}.booking-footer a{color:#c9a227;text-decoration:none;font-weight:500}.booking-footer a:hover{text-decoration:underline}@media (max-width: 768px){.booking-content{grid-template-columns:1fr;gap:20px}.booking-main{padding:16px}.booking-prof-card{padding:16px;margin-bottom:24px;gap:12px;border-radius:12px}.prof-avatar{width:56px;height:56px;font-size:20px}.prof-info h1{font-size:20px}.booking-title{font-size:18px;margin-bottom:16px}.booking-calendar-section{padding:16px;border-radius:12px}.nav-btn{width:44px;height:44px;font-size:20px}.slots-list{max-height:280px}.slot-btn{padding:12px 14px;font-size:14px;flex:1 1 auto;min-width:80px;text-align:center}.booking-form-section{padding:16px;border-radius:12px}.booking-form{gap:16px}.form-group input,.form-group textarea{font-size:16px;padding:12px}.submit-btn{padding:16px;font-size:16px;position:sticky;bottom:16px;z-index:10;box-shadow:0 4px 12px #00000026}}@media (max-width: 380px){.prof-avatar{width:48px;height:48px}.slot-btn{font-size:13px;padding:10px}}.booking-settings-page{padding:32px;max-width:1000px;margin:0 auto;position:relative}.skeleton{background:linear-gradient(90deg,#e8e8e3 25%,#f0f0eb,#e8e8e3 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{border-radius:4px}.skeleton-header{opacity:.7}.starter-upgrade-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;border-radius:16px;min-height:400px}.starter-upgrade-overlay .upgrade-card{max-width:420px;border:2px solid #c9a227;box-shadow:0 8px 32px #c9a22733}.starter-upgrade-overlay .features-list{text-align:left;color:#444;line-height:2;margin-bottom:24px}.loading-state,.upgrade-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f}.loading-state .spinner{width:40px;height:40px;border:3px solid #e0e0d8;border-top-color:#c9a227;border-radius:50%;animation:spin 1s linear infinite}.upgrade-icon{font-size:56px;margin-bottom:20px}.upgrade-card h2{font-size:24px;color:#1a1a1a;margin-bottom:12px}.upgrade-card p{color:#666;margin-bottom:24px}.upgrade-btn{padding:12px 28px;background:linear-gradient(135deg,#c9a227,#e0c068);color:#fff;border:none;border-radius:10px;font-weight:600;text-decoration:none;transition:all .3s}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #c9a2274d}.booking-header{margin-bottom:24px}.booking-header h1{font-size:28px;color:#1a1a1a;margin:0 0 8px}.booking-header p{color:#666;margin:0}.public-link-card{background:linear-gradient(135deg,#fffdf5,#f5f0e0);border:1px solid #c9a227;border-radius:16px;padding:24px;margin-bottom:24px}.link-info h3{font-size:16px;color:#1a1a1a;margin:0 0 4px}.link-info p{color:#666;font-size:14px;margin:0 0 16px}.link-box{display:flex;gap:12px;background:transparent;border-radius:10px}.link-box input{flex:1;padding:12px 16px;border:1px solid #e0e0d8;border-radius:10px;background:#fff;font-size:14px;color:#1a1a1a}.copy-btn{padding:12px 20px;background:#1a1a1a;color:#fff;border:none;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.copy-btn:hover{background:#333}.booking-tabs{display:flex;gap:8px;margin-bottom:20px}.tab-btn{padding:12px 24px;background:#fff;border:1px solid #e0e0d8;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.tab-btn:hover{border-color:#c9a227}.tab-btn.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.badge{background:#ef4444;color:#fff;font-size:12px;padding:2px 8px;border-radius:10px;font-weight:600}.message{padding:12px 20px;border-radius:10px;margin-bottom:20px;font-size:14px}.message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.new-slot-card,.slots-card,.requests-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;margin-bottom:20px}.new-slot-card h3,.slots-card h3,.requests-card h3{font-size:18px;color:#1a1a1a;margin:0 0 20px}.slot-form .form-row{display:flex;gap:12px;align-items:flex-end}.slot-form .form-group{flex:1;display:flex;flex-direction:column;gap:6px}.slot-form label{font-size:13px;font-weight:500;color:#666}.slot-form input{padding:10px 14px;border:1px solid #e0e0d8;border-radius:8px;font-size:14px}.slot-form input:focus{outline:none;border-color:#c9a227}.add-btn{padding:10px 24px;background:linear-gradient(135deg,#c9a227,#e0c068);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;height:42px;white-space:nowrap;margin-top:22px}.add-btn:hover:not(:disabled){transform:translateY(-1px)}.add-btn:disabled{opacity:.6}.empty-message{color:#888;text-align:center;padding:20px}.slots-list,.requests-list{display:flex;flex-direction:column;gap:12px}.slot-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fafaf8;border:1px solid #e0e0d8;border-radius:10px}.slot-item.booked{background:#f0f0e8;opacity:.7}.slot-info{display:flex;align-items:center;gap:12px}.slot-date{font-weight:500;color:#1a1a1a}.slot-time{color:#666}.slot-badge{padding:4px 10px;background:#c9a227;color:#fff;border-radius:6px;font-size:12px;font-weight:500}.slot-actions{display:flex;gap:8px}.edit-btn{width:36px;height:36px;border:none;background:#f0f9ff;border-radius:8px;cursor:pointer;transition:all .2s}.edit-btn:hover{background:#e0f2fe}.delete-btn{width:36px;height:36px;border:none;background:#fef2f2;border-radius:8px;cursor:pointer;transition:all .2s}.delete-btn:hover{background:#fee2e2}.request-item{padding:20px;background:#fafaf8;border:1px solid #e0e0d8;border-radius:12px}.request-item.confirmed{border-color:#bbf7d0;background:#f0fdf4}.request-item.rejected{border-color:#fecaca;background:#fef2f2;opacity:.7}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.request-name{font-size:16px;font-weight:600;color:#1a1a1a}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.confirmed{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.request-details{display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:16px}.request-details p{margin:0;font-size:14px;color:#666}.request-notes{width:100%;padding:10px;background:#fff;border-radius:6px;font-style:italic}.request-actions{display:flex;gap:10px}.confirm-btn,.reject-btn{padding:10px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.confirm-btn{background:#22c55e;color:#fff}.confirm-btn:hover{background:#16a34a}.reject-btn{background:#ef4444;color:#fff}.reject-btn:hover{background:#dc2626}@media (max-width: 768px){.booking-settings-page{padding:20px 16px}.link-box{flex-direction:column}.slot-form .form-row{flex-direction:column;align-items:stretch}.add-btn{width:100%;margin-top:8px}.booking-tabs{overflow-x:auto;padding-bottom:8px}.tab-btn{white-space:nowrap}.slot-info{flex-wrap:wrap}.request-header{flex-direction:column;align-items:flex-start;gap:8px}.request-actions{width:100%}.confirm-btn,.reject-btn{flex:1}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content.confirm-modal{background:#fff;padding:28px;border-radius:16px;max-width:420px;width:90%;box-shadow:0 20px 50px #0003;animation:modalSlide .2s ease-out}@keyframes modalSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.confirm-modal h2{font-size:1.5rem;font-weight:700;margin:0 0 16px;color:#1c1c0d}.confirm-modal h3{font-size:1.25rem;font-weight:600;margin:0 0 16px;color:#1c1c0d}.confirm-modal .modal-body p{margin:4px 0;color:#5c5c4f}.confirm-modal .btn-primary{padding:12px 20px;background:#f9f506;color:#000;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.confirm-modal .btn-primary:hover{background:#e0dc05}.confirm-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}.confirm-modal .btn-secondary{padding:12px 20px;background:#f3f4f6;color:#5c5c4f;border:none;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s}.confirm-modal .btn-secondary:hover{background:#e5e7eb}.starter-upgrade-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1c1c0df2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow:hidden}body:has(.starter-upgrade-overlay){overflow:hidden}.starter-upgrade-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:20px}.upgrade-card{background:#fff;border-radius:20px;padding:40px 32px;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.upgrade-icon{font-size:48px;margin-bottom:16px}.upgrade-card h2{font-size:1.5rem;font-weight:700;color:#1c1c0d;margin:0 0 12px}.upgrade-card>p{color:#5c5c4f;font-size:1rem;line-height:1.5;margin:0 0 20px}.upgrade-card .features-list{background:#f8f8f5;border-radius:12px;padding:16px;text-align:left;color:#1c1c0d;font-size:.9rem;line-height:2;margin-bottom:24px}.upgrade-btn{display:inline-block;padding:14px 28px;background:#f9f506;color:#1c1c0d;font-weight:600;font-size:1rem;text-decoration:none;border-radius:12px;transition:all .2s;width:100%;box-sizing:border-box}.upgrade-btn:hover{background:#e0dc05;transform:translateY(-2px)}@media (max-width: 768px){.starter-upgrade-overlay{padding:16px}.upgrade-card{padding:28px 20px;border-radius:16px}.upgrade-icon{font-size:40px}.upgrade-card h2{font-size:1.3rem}.upgrade-card>p{font-size:.9rem}.upgrade-card .features-list{font-size:.85rem;padding:12px}.upgrade-btn{padding:12px 24px;font-size:.95rem}}.slot-form-divider{display:flex;align-items:center;gap:16px;margin:20px 0;color:#5c5c4f;font-size:.875rem}.slot-form-divider:before,.slot-form-divider:after{content:"";flex:1;height:1px;background:#e5e5e0}.bulk-generate-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,#f9f506,#fef08a);color:#1c1c0d;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.bulk-generate-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f9f50666}.bulk-modal{max-width:520px;max-height:90vh;overflow-y:auto;background-color:#fff;border-radius:25px;padding:20px}.modal-description{color:#5c5c4f;margin-bottom:24px}.bulk-form{display:flex;flex-direction:column;gap:20px}.bulk-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bulk-form .form-group{display:flex;flex-direction:column;gap:8px}.bulk-form .form-group label{font-size:.875rem;color:#5c5c4f;font-weight:500}.bulk-form input,.bulk-form select{padding:12px 14px;border:1px solid #e5e5e0;border-radius:10px;font-size:1rem;background:#fff;transition:border-color .2s}.bulk-form input:focus,.bulk-form select:focus{outline:none;border-color:#f9f506}.days-selector{display:flex;gap:8px;flex-wrap:wrap}.day-btn{padding:8px 12px;border:2px solid #e5e5e0;border-radius:8px;background:#fff;color:#5c5c4f;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.day-btn:hover{border-color:#f9f506}.day-btn.active{background:#f9f506;border-color:#f9f506;color:#1c1c0d}.break-toggle label{display:flex!important;align-items:center;gap:10px;cursor:pointer;flex-direction:row!important}.break-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#f9f506}.break-times{background:#f8f8f5;padding:16px;border-radius:12px}.bulk-preview{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;margin-top:8px}.preview-count{font-size:2rem;font-weight:700;color:#16a34a}.preview-label{color:#166534;font-weight:500}.bulk-modal .modal-actions{margin-top:24px;display:flex;gap:12px;justify-content:flex-end}.btn-primary{padding:12px 24px;background:#f9f506;color:#1c1c0d;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:#e0dc05}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:12px 24px;background:#f3f4f6;color:#5c5c4f;border:none;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#e5e7eb}@media (max-width: 768px){.bulk-modal{max-width:100%;margin:16px;max-height:85vh}.bulk-form .form-row{grid-template-columns:1fr}.days-selector{justify-content:center}.day-btn{padding:10px 14px}.bulk-preview{flex-direction:column;gap:4px}.modal-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.affiliate-page{--yellow: #f9f506;--yellow-dark: #e6e205;--bg-dark: #0a0a0f;--bg-card: rgba(26, 26, 46, .8);--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;font-family:Spline Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.affiliate-page .animated-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.affiliate-page .gradient-sphere{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:float 20s ease-in-out infinite}.affiliate-page .hero-section{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 4rem;position:relative;z-index:1}.affiliate-page .hero-tag{display:inline-block;padding:.5rem 1rem;background:#f9f5061a;border:1px solid rgba(249,245,6,.2);border-radius:100px;color:var(--yellow);font-weight:600;margin-bottom:2rem;animation:fadeUp .8s ease forwards}.affiliate-page .hero-title{font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;animation:fadeUp .8s ease .1s forwards;opacity:0}.affiliate-page .hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin-bottom:3rem;line-height:1.6;animation:fadeUp .8s ease .2s forwards;opacity:0}.affiliate-page .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1000px;margin:4rem auto 0;animation:fadeUp .8s ease .4s forwards;opacity:0}.affiliate-page .stat-box{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;text-align:center;transition:transform .3s}.affiliate-page .stat-box:hover{transform:translateY(-5px);border-color:#f9f5064d}.affiliate-page .stat-value{display:block;font-size:2.5rem;font-weight:800;color:#fff!important;margin-bottom:.5rem;text-shadow:0 0 20px rgba(255,255,255,.1)}.affiliate-page .stat-label{color:var(--text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.affiliate-page .commission-section{padding:8rem 2rem;position:relative;z-index:1}.affiliate-page .section-title{font-size:3rem;font-weight:800;margin-bottom:1rem;text-align:center}.affiliate-page .section-subtitle{text-align:center;color:var(--text-secondary);max-width:600px;margin:0 auto 4rem;font-size:1.1rem}.affiliate-page .commission-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.affiliate-page .comm-card{background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem;position:relative;overflow:hidden}.affiliate-page .comm-card.highlight{border-color:#f9f5064d;background:linear-gradient(145deg,#f9f5060d,#0000)}.affiliate-page .comm-icon{font-size:3rem;margin-bottom:1.5rem;display:block}.affiliate-page .comm-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.affiliate-page .comm-desc{color:var(--text-secondary);line-height:1.6}.affiliate-page .target-section{padding:6rem 2rem;background:#ffffff05}.affiliate-page .target-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.affiliate-page .target-item{padding:2rem;border-left:2px solid var(--yellow);background:#0003}.affiliate-page .target-item h3{font-size:1.25rem;margin-bottom:.5rem}.affiliate-page .affiliate-cta{position:relative;z-index:10;padding:8rem 2rem;text-align:center;background:radial-gradient(circle at center,rgba(249,245,6,.1) 0%,var(--bg-dark) 80%);border-top:1px solid rgba(255,255,255,.05)}.affiliate-page .affiliate-cta .cta-title{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:1rem}.affiliate-page .affiliate-cta .cta-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:3rem}.affiliate-page button,.affiliate-page .btn-cta,.affiliate-page .btn-cta-large,.affiliate-page .btn-primary-lg{border:none!important;outline:none}.affiliate-page .btn-cta:focus,.affiliate-page .btn-cta-large:focus{box-shadow:0 0 0 2px var(--yellow)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.affiliate-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease}.affiliate-page .modal-content{background:#2a2a35;border:1px solid rgba(255,255,255,.2);border-radius:20px;width:100%;max-width:600px;padding:2.5rem;position:relative;box-shadow:0 40px 80px -12px #000000e6,0 0 40px #f9f5060d;animation:scaleUp .3s cubic-bezier(.16,1,.3,1);max-height:95vh;overflow-y:auto;display:flex;flex-direction:column}.affiliate-page .modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.affiliate-page .modal-form-grid .form-group{margin-bottom:0}.affiliate-page .form-group.full-width{grid-column:span 2}.affiliate-page .modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);width:36px;height:36px;border-radius:50%;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.affiliate-page .modal-close:hover{background:#ffffff26;color:#fff;border-color:#ffffff4d}.affiliate-page .modal-title{font-size:1.75rem;font-weight:800;margin-bottom:.25rem;color:#fff;padding-right:2rem}.affiliate-page .modal-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.affiliate-page .form-group{margin-bottom:1rem}.affiliate-page .form-label{display:block;color:var(--text-primary);font-size:.85rem;font-weight:600;margin-bottom:.5rem;margin-left:.25rem}.affiliate-page .form-input,.affiliate-page .form-textarea{width:100%;padding:.875rem 1rem;background:#383845;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.95rem;transition:all .2s;font-family:inherit}.affiliate-page .form-input:focus,.affiliate-page .form-textarea:focus{outline:none;border-color:var(--yellow);background:#404050;box-shadow:0 0 0 2px #f9f50626}.affiliate-page .form-textarea{min-height:100px;resize:none}.affiliate-page .form-submit{width:100%;padding:1rem;background:var(--yellow);color:#000;border:none;border-radius:100px;font-weight:700;font-size:1rem;cursor:pointer;margin-top:.5rem;transition:transform .2s,box-shadow .2s}.affiliate-page .form-submit:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f9f5064d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.affiliate-page .hero-title{font-size:2.5rem}.affiliate-page .stats-grid{grid-template-columns:1fr}.affiliate-page .btn-primary-lg{width:100%;justify-content:center}.affiliate-page .modal-content{padding:1.25rem!important;width:95%!important;max-height:95vh!important;border-radius:16px!important}.affiliate-page .modal-close{top:.75rem;right:.75rem;width:28px;height:28px;font-size:1.2rem}.affiliate-page .modal-form-grid{grid-template-columns:1fr!important;gap:.75rem!important}.affiliate-page .form-group.full-width{grid-column:span 1!important}.affiliate-page .modal-title{font-size:1.3rem;padding-right:2rem;margin-bottom:.1rem}.affiliate-page .modal-subtitle{font-size:.8rem;margin-bottom:1rem}.affiliate-page .form-group{margin-bottom:.5rem!important}.affiliate-page .form-label{font-size:.75rem;margin-bottom:.2rem;margin-left:0}.affiliate-page .form-input,.affiliate-page .form-textarea{padding:.6rem .75rem;font-size:.9rem;border-radius:8px}.affiliate-page .form-textarea{min-height:70px!important}.affiliate-page .form-submit{padding:.75rem;margin-top:.5rem;font-size:.9rem}}:root{--yellow: #f9f506;--bronze: #cd7f32;--silver: #e0e0e0;--gold: #ffd700}.aff-dashboard{min-height:100vh;background:#0a0a0f;color:#fff;font-family:Spline Sans,sans-serif;padding:2rem}.aff-container{max-width:1200px;margin:0 auto}.aff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.05)}.aff-title h1{font-size:2rem;font-weight:700;margin:0;letter-spacing:-.02em}.aff-title p{color:#9ca3af;margin-top:.5rem}.aff-user{display:flex;align-items:center;gap:1rem;background:#ffffff08;padding:.5rem 1rem;border-radius:100px;border:1px solid rgba(255,255,255,.05)}.aff-avatar{width:32px;height:32px;background:var(--yellow);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.aff-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:3rem}.aff-stat-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:1.5rem;border-radius:16px;display:flex;flex-direction:column;gap:.5rem;position:relative;transition:transform .2s,border-color .2s}.aff-stat-card:hover{border-color:#f9f50633;transform:translateY(-2px);background:#ffffff08}.aff-stat-label{font-size:.875rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.aff-stat-value{font-size:2rem;font-weight:700;color:#fff;letter-spacing:-.02em}.aff-stat-value.highlight{color:var(--yellow);text-shadow:0 0 20px rgba(249,245,6,.2)}.btn-withdraw-mini{margin-top:8px;padding:8px 16px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.8rem;cursor:pointer;transition:all .2s;font-weight:600}.btn-withdraw-mini:hover{background:var(--yellow);color:#000;border-color:var(--yellow)}.btn-copy{background:var(--yellow);color:#000;border:none;padding:.75rem 1.5rem;border-radius:100px;cursor:pointer;font-weight:700;transition:transform .1s}.btn-copy:active{transform:scale(.95)}.aff-link-section{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;margin-bottom:3rem;text-align:center}.aff-link-box{display:flex;gap:1rem;max-width:500px;margin:2rem auto 1rem;background:#000;padding:.5rem;border-radius:100px;border:1px solid rgba(255,255,255,.15)}.link-input{flex:1;background:transparent;border:none;color:#fff;font-family:monospace;font-size:1rem;padding:0 1.5rem}.aff-gamification-card{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2.5rem;margin-bottom:3rem;position:relative;overflow:hidden}.aff-gamification-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.level-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.level-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;border-radius:100px;font-size:1rem;font-weight:700;letter-spacing:.02em;border:1px solid currentColor;background:#0003;box-shadow:0 4px 20px #0003;text-transform:uppercase}.level-sales{font-size:.9rem;color:#9ca3af;font-weight:500;letter-spacing:.02em}.level-progress-container{display:flex;flex-direction:column;gap:1rem}.level-progress-text{display:flex;justify-content:space-between;align-items:flex-end;font-size:.95rem;color:#d1d5db}.level-progress-text strong{color:var(--yellow);font-weight:700;text-shadow:0 0 15px rgba(249,245,6,.3)}.progress-bar-bg{width:100%;height:8px;background:#ffffff1a;border-radius:100px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:100px;box-shadow:0 0 20px currentColor;transition:width 1s cubic-bezier(.4,0,.2,1)}.level-max-text{text-align:center;color:var(--yellow);font-weight:700;font-size:1.1rem;padding:1rem;background:#f9f5060d;border:1px dashed rgba(249,245,6,.2);border-radius:12px}.aff-join-container{height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.btn-join-program{margin-top:2rem;background:var(--yellow);color:#000;border:none;padding:1rem 3rem;border-radius:100px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 10px 40px #f9f50633;transition:transform .2s,box-shadow .2s}.btn-join-program:hover{transform:translateY(-2px);box-shadow:0 20px 50px #f9f50666}.aff-settings-page{padding:2rem;max-width:800px;margin:0 auto}.aff-settings-page h1{font-size:1.8rem;color:#111827;margin-bottom:2rem}.settings-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.settings-section h2{font-size:1.25rem;margin-bottom:.5rem;color:#1f2937}.section-desc{color:#6b7280;margin-bottom:1.5rem;font-size:.95rem}.stripe-connect-box{background:#f9fafb;border-radius:8px;padding:1.5rem;border:1px dashed #d1d5db}.stripe-status.connected{display:flex;gap:1rem;align-items:flex-start}.status-icon{font-size:1.5rem}.btn-connect-stripe{background:#635bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.btn-connect-stripe:hover{background:#544ce6}.btn-connect-stripe:disabled{opacity:.7;cursor:not-allowed}.btn-stripe-dashboard{background:#fff;border:1px solid #d1d5db;color:#374151;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;margin-top:.5rem}.btn-stripe-dashboard:hover{background:#f3f4f6}.password-form{max-width:400px}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:#374151}.form-group input{width:100%;padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem}.form-group input:focus{outline:none;border-color:#f59e0b;ring:2px solid #fcd34d}.btn-save-pass{background:#111827;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;margin-top:1rem}.btn-save-pass:hover{background:#000}.message-banner{padding:.75rem;border-radius:6px;margin-top:1rem;font-size:.9rem}.message-banner.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.message-banner.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.btn-logout-settings{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-logout-settings:hover{background:#fecaca;color:#7f1d1d}.aff-resources-page{min-height:100vh;background:#0a0a0f;color:#fff;font-family:Spline Sans,sans-serif;padding:2rem}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.resource-card{background:#1f2937;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.resource-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#f9f5064d}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.card-icon{font-size:1.5rem;background:#ffffff1a;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px}.card-title h3{margin:0;font-size:1.1rem;color:#fff}.card-title span{font-size:.8rem;color:#9ca3af}.template-box{background:#111827;padding:1rem;border-radius:8px;border:1px dashed #374151;color:#d1d5db;font-family:monospace;font-size:.9rem;white-space:pre-wrap;line-height:1.5;margin-bottom:1rem;flex:1;overflow-y:auto;max-height:250px}.btn-copy-resource{background:var(--yellow, #f9f506);color:#000;border:none;padding:.8rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s}.btn-copy-resource:hover{background:#eab308}.btn-copy-resource.copied{background:#22c55e;color:#fff}.download-section{margin-bottom:2rem}.download-section h2{color:#fff;font-size:1.3rem;margin-bottom:1rem}.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.download-card{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#1f2937,#111827);border:1px solid rgba(249,245,6,.2);border-radius:12px;padding:1.25rem;text-decoration:none;color:inherit;transition:all .2s ease}.download-card:hover{transform:translateY(-3px);border-color:#f9f50680;box-shadow:0 8px 25px #f9f5061a}.download-icon{font-size:2rem;background:#f9f5061a;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.download-info{flex:1}.download-info h3{margin:0 0 .25rem;font-size:1rem;color:#fff}.download-info span{font-size:.8rem;color:#9ca3af}.download-btn{background:var(--yellow, #f9f506);color:#000;padding:.6rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;flex-shrink:0;transition:background .2s}.download-card:hover .download-btn{background:#eab308}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#1a1a2efa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:1rem 1.5rem;z-index:10000;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.cookie-text{display:flex;align-items:center;gap:.75rem;flex:1}.cookie-icon{font-size:1.5rem;flex-shrink:0}.cookie-text p{color:#fffc;font-size:.9rem;line-height:1.5;margin:0}.cookie-text a{color:#6c5ce7;text-decoration:none;font-weight:500}.cookie-text a:hover{text-decoration:underline}.cookie-actions{display:flex;gap:.75rem;flex-shrink:0}.cookie-btn{padding:.6rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.cookie-btn.reject{background:#fff3;color:#ffffffe6;border:1px solid rgba(255,255,255,.3)}.cookie-btn.reject:hover{background:#ffffff4d;color:#fff}.cookie-btn.accept{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff}.cookie-btn.accept:hover{opacity:.9;transform:translateY(-1px)}@media (max-width: 768px){.cookie-content{flex-direction:column;text-align:center}.cookie-text{flex-direction:column}.cookie-actions{width:100%}.cookie-btn{flex:1}}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;position:fixed;top:0;left:0;background:linear-gradient(135deg,#0a0a0a,#1a1a0f,#0a0a0a);z-index:9999;overflow:hidden}.loading-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.loading-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 8s ease-in-out infinite}.loading-orb-1{width:300px;height:300px;background:radial-gradient(circle,rgba(249,245,6,.3) 0%,transparent 70%);top:-100px;left:-100px;animation-delay:0s}.loading-orb-2{width:250px;height:250px;background:radial-gradient(circle,rgba(249,245,6,.25) 0%,transparent 70%);bottom:-80px;right:-80px;animation-delay:-3s;animation-duration:10s}.loading-orb-3{width:200px;height:200px;background:radial-gradient(circle,rgba(249,245,6,.2) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-5s;animation-duration:12s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}.loading-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.loading-logo-container{position:relative;display:flex;align-items:center;justify-content:center}.loading-pulse-ring{position:absolute;width:120px;height:120px;border:2px solid rgba(249,245,6,.3);border-radius:50%;animation:pulse-ring 2s ease-out infinite}.loading-pulse-ring-2{animation-delay:1s}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.8);opacity:0}}.loading-logo{height:56px;animation:logo-breathe 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(249,245,6,.3))}@keyframes logo-breathe{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(249,245,6,.3))}50%{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(249,245,6,.5))}}.app-sidebar{width:280px;background:#fff;border-right:1px solid #f3f4f6;display:flex;flex-direction:column;height:100vh;flex-shrink:0;position:fixed;left:0;top:0;z-index:100;font-family:Spline Sans,-apple-system,BlinkMacSystemFont,sans-serif}.sidebar-logo{height:80px;display:flex;align-items:center;justify-content:center;padding:0 24px;border-bottom:1px solid #f3f4f6;text-decoration:none}.sidebar-logo .logo-image{height:30px;width:auto;object-fit:contain}.sidebar-nav{flex:1;padding:24px 16px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:50px;text-decoration:none;color:#5c5c4f;font-weight:500;transition:all .2s ease}.nav-item:hover{background:#f3f4f6;color:#1c1c0d}.nav-item.active{background:#f9f506;color:#000;font-weight:600}.nav-icon{font-size:1.25rem}.nav-label{font-size:.9375rem}.sidebar-user{padding:16px;border-top:1px solid #f3f4f6;display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f9f506,#6366f1);border:2px solid #f9f506;display:flex;align-items:center;justify-content:center;font-weight:700;color:#000;font-size:1rem;flex-shrink:0}.user-info{flex:1;overflow:hidden}.user-name{font-size:.875rem;font-weight:700;color:#1c1c0d;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.75rem;color:#5c5c4f;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:8px;border-radius:50%;transition:background .2s ease;flex-shrink:0}.logout-btn:hover{background:#f3f4f6}@media (max-width: 1024px){.app-sidebar{display:none}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid #f3f4f6;box-shadow:0 -2px 10px #0000000d;z-index:1000;padding:8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}@media (max-width: 1024px){.mobile-nav{display:flex;justify-content:space-around;align-items:center}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:#9ca3af;transition:color .2s ease;padding:4px 16px;border-radius:12px}.mobile-nav-item .material-symbols-outlined{font-size:24px;font-variation-settings:"wght" 400}.mobile-nav-item .nav-text{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.02em}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active{color:#000}.mobile-nav-item.active .material-symbols-outlined{font-variation-settings:"wght" 600,"FILL" 1}.mobile-header{display:none;height:60px;background:#fff;border-bottom:1px solid #e5e5e5;padding:0 16px;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.mobile-logo{display:flex;align-items:center;text-decoration:none;height:100%}.mobile-logo-image{height:32px;width:auto;object-fit:contain}.mobile-trial-badge{display:flex;align-items:center;gap:4px;background:#fdf6b2;color:#92400e;padding:4px 10px;border-radius:50px;text-decoration:none;font-size:.8125rem;font-weight:600}.badge-icon{font-size:1rem}@media (max-width: 1024px){.mobile-header{display:flex}}.service-down-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1c1c0d,#2d2d1a);padding:2rem}.service-down-container{text-align:center;max-width:480px;padding:3rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:1.5rem}.service-down-icon{font-size:4rem;margin-bottom:1.5rem}.service-down-container h1{color:#f9f506;font-size:1.5rem;margin:0 0 1rem;font-weight:700}.service-down-container p{color:#fffc;font-size:1rem;line-height:1.6;margin:0 0 .75rem}.service-down-hint{color:#ffffff80;font-size:.875rem;margin-bottom:1.5rem!important}.service-down-btn{display:inline-block;padding:.875rem 2rem;background:#f9f506;color:#1c1c0d;font-weight:700;font-size:1rem;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.service-down-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f9f5064d}.service-down-contact{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.service-down-contact p{font-size:.875rem;color:#ffffff80;margin-bottom:.5rem!important}.service-down-contact a{color:#f9f506;text-decoration:none;font-weight:500}.service-down-contact a:hover{text-decoration:underline}.app-layout{display:flex;min-height:100vh;background:#f8f8f5}.app-main{flex:1;margin-left:280px;min-height:100vh;overflow-x:hidden}@media (max-width: 1024px){.app-main{margin-left:0}}.partner-sidebar{border-right:1px solid #e5e7eb}.badge-partner{font-size:.7rem;background:#f59e0b;color:#fff;padding:2px 6px;border-radius:4px;margin-left:8px;font-weight:600}.partner-avatar{background-color:#f59e0b!important;color:#fff!important}@media (max-width: 1024px){.partner-sidebar{display:none}}:root{--font-display: "Outfit", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-accent: #f43f5e;--color-accent-light: #fb7185;--color-success: #22c55e;--color-warning: #eab308;--color-error: #ef4444;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-border: rgba(255, 255, 255, .1);--color-border-light: rgba(255, 255, 255, .05);--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-tertiary: #64748b;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px -1px rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--color-text-primary);background:var(--color-bg);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;color:var(--color-text-primary);margin-bottom:var(--space-md)}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.02em}h2{font-size:2rem;font-weight:600;letter-spacing:-.01em}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--space-md);color:var(--color-text-secondary)}.container{max-width:1200px;margin:0 auto;padding:var(--space-xl)}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:var(--space-2xl) var(--space-xl)}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);padding:var(--space-lg) var(--space-xl);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:var(--shadow-sm)}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-primary);text-decoration:none;display:flex;align-items:center;gap:var(--space-sm);transition:color var(--transition-fast)}.logo:hover{color:var(--color-primary-light)}.logo:before{content:"🕒";font-size:1.75rem}.card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light)}.card-title{font-size:1.25rem;font-weight:600;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-body);font-size:.9375rem;font-weight:500;line-height:1.5;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.btn-accent{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-accent:hover:not(:disabled){background:var(--color-accent-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-primary)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:.875rem}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:1rem}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:.9375rem;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2d5f7e1a}.form-input::placeholder{color:var(--color-text-tertiary)}.form-textarea{resize:vertical;min-height:100px}.form-error{display:block;margin-top:var(--space-xs);font-size:.875rem;color:var(--color-error)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse;background:var(--color-surface)}.table thead{background:var(--color-surface-hover)}.table th{padding:var(--space-md) var(--space-lg);text-align:left;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border-light)}.table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-surface-hover)}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:500;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:#2d5f7e1a;color:var(--color-primary-dark)}.badge-success{background:#6fcf971a;color:#2f855a}.badge-warning{background:#f2c94c1a;color:#b7791f}.badge-error{background:#eb57571a;color:#c53030}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-tertiary)}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-in{animation:slideIn var(--transition-base) ease-out}.stagger-children>*{animation:fadeIn var(--transition-slow) ease-out backwards}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-lg);opacity:.5}.empty-state-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-sm)}.empty-state-text{color:var(--color-text-tertiary);margin-bottom:var(--space-xl)}@media (max-width: 768px){:root{--space-xs: .375rem;--space-sm: .625rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 2.5rem;--space-3xl: 3rem}html{font-size:15px}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.container{padding:var(--space-lg)}.main-content{padding:var(--space-lg);padding-bottom:calc(var(--space-2xl) + env(safe-area-inset-bottom))}h1{font-size:1.625rem;margin-bottom:var(--space-md)}h2{font-size:1.375rem}.card{border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-md)}.btn{min-height:48px;padding:var(--space-md) var(--space-xl);font-size:1rem}.btn-lg{min-height:52px;padding:var(--space-lg) var(--space-xl)}.form-input,.form-textarea,.form-select{min-height:52px;padding:var(--space-md) var(--space-lg);font-size:16px}.form-group{margin-bottom:var(--space-xl)}.form-label{margin-bottom:var(--space-sm)}.modal{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0;top:0;left:0;transform:none}.modal-header{padding:var(--space-lg) var(--space-xl);position:sticky;top:0;background:var(--color-surface);z-index:10}.modal-body{padding:var(--space-xl);flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-footer{padding:var(--space-lg) var(--space-xl);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));position:sticky;bottom:0;background:var(--color-surface)}.modal-title{font-size:1.25rem}.table-wrapper{border-radius:0;margin:0 calc(var(--space-lg) * -1)}}@media (max-width: 480px){:root{--space-md: .875rem;--space-lg: 1.25rem;--space-xl: 1.75rem}html{font-size:14px}h1{font-size:1.5rem}.container,.main-content{padding:var(--space-lg)}.page-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg)}.page-header .btn{padding:var(--space-sm) var(--space-lg);font-size:.9375rem;min-height:44px}.card:active{transform:scale(.98);transition:transform .1s ease}.loading-screen{background:var(--color-bg)}}@supports (-webkit-touch-callout: none){.btn:active{opacity:.7}.modal-body,.main-content{-webkit-overflow-scrolling:touch}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}