:root{--primary:#4f46e5;--primary-dark:#4338ca;--primary-light:#818cf8;--primary-bg:#eef2ff;--success:#10b981;--success-bg:#d1fae5;--warning:#f59e0b;--warning-bg:#fef3c7;--danger:#ef4444;--danger-bg:#fee2e2;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#fff;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a, 0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a, 0 10px 10px #0000000a;--radius-sm:6px;--radius:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--gray-800);background-color:var(--white);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes toastIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes checkmark{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-100px)rotate(720deg)}}.fade-in{animation:.5s ease-out forwards fadeIn}.fade-out{animation:.3s ease-in forwards fadeOut}.fade-in-up{animation:.6s ease-out forwards fadeInUp}.fade-in-down{animation:.5s ease-out forwards fadeInDown}.fade-in-left{animation:.6s ease-out forwards fadeInLeft}.fade-in-right{animation:.6s ease-out forwards fadeInRight}.slide-up{animation:.5s ease-out forwards slideUp}.slide-down{animation:.4s ease-out forwards slideDown}.scale-in{animation:.4s ease-out forwards scaleIn}.scale-out{animation:.3s ease-in forwards scaleOut}.bounce{animation:.6s ease-in-out bounce}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-item{opacity:0;animation:.5s ease-out forwards fadeInUp}.toast-enter{animation:.4s cubic-bezier(.68,-.55,.265,1.55) forwards toastIn}.toast-exit{animation:.3s ease-in forwards toastOut}.spinner{border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.spinner-sm{border-width:2px;width:20px;height:20px}.skeleton{background:linear-gradient(90deg, var(--gray-200) 25%, var(--gray-100) 50%, var(--gray-200) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}.toast{pointer-events:all;border-radius:var(--radius);box-shadow:var(--shadow-lg);align-items:center;gap:10px;min-width:300px;max-width:450px;padding:12px 20px;font-size:14px;transition:all .3s;animation:.4s cubic-bezier(.68,-.55,.265,1.55) forwards toastIn;display:flex}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-info{background:var(--primary);color:#fff}.toast-warning{background:var(--warning);color:#fff}.modal-overlay.closing{animation:.2s ease-in forwards fadeOut}.modal.closing{animation:.2s ease-in forwards scaleOut}.page-enter{animation:.4s ease-out forwards fadeInUp}.page-exit{animation:.2s ease-in forwards fadeOut}.hover-lift{transition:transform .25s,box-shadow .25s}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hover-glow{transition:box-shadow .3s}.hover-glow:hover{box-shadow:0 0 20px #4f46e526}.hover-scale{transition:transform .2s}.hover-scale:hover{transform:scale(1.02)}.header{background:var(--white);border-bottom:1px solid var(--gray-200);z-index:1000;animation:.4s ease-out fadeInDown;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 20px;display:flex}.header-logo{color:var(--primary);align-items:center;gap:8px;font-size:20px;font-weight:700;transition:transform .2s;display:flex}.header-logo:hover{transform:scale(1.02)}.logo-icon{color:var(--primary)}.header-nav{align-items:center;gap:4px;display:flex}.nav-link{border-radius:var(--radius);color:var(--gray-600);padding:8px 14px;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.nav-link:hover{color:var(--gray-900);background:var(--gray-100)}.nav-link.active{color:var(--primary);background:var(--primary-bg)}.nav-link.active:after{content:"";background:var(--primary);border-radius:1px;width:20px;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.header-actions{align-items:center;gap:12px;display:flex}.notification-btn{border-radius:var(--radius);color:var(--gray-500);background:0 0;border:none;padding:8px;transition:all .25s;position:relative}.notification-btn:hover{background:var(--gray-100);color:var(--gray-900);transform:scale(1.1)}.notification-btn:active{transform:scale(.95)}.notification-badge{background:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;animation:.5s ease-out bounce;display:flex;position:absolute;top:2px;right:2px}.user-menu-container{position:relative}.user-btn{border:1px solid var(--gray-200);border-radius:var(--radius-full);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:6px 12px;transition:all .25s;display:flex}.user-btn:hover{border-color:var(--gray-300);background:var(--gray-50);transform:translateY(-1px)}.user-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;transition:transform .2s;display:flex}.user-btn:hover .user-avatar{transform:scale(1.1)}.user-name{color:var(--gray-700);font-size:14px;font-weight:500}.user-dropdown{border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background:#fff;min-width:200px;padding:8px;animation:.25s ease-out fadeInDown;position:absolute;top:calc(100% + 8px);right:0}.dropdown-item{border-radius:var(--radius);color:var(--gray-700);align-items:center;gap:10px;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.dropdown-item:hover{background:var(--gray-100);color:var(--gray-900);transform:translate(4px)}.dropdown-badge{background:var(--danger);color:#fff;border-radius:var(--radius-full);margin-left:auto;padding:2px 6px;font-size:11px;font-weight:700}.schedule-btn{margin-left:4px}.mobile-menu-btn{color:var(--gray-600);background:0 0;border:none;padding:8px;transition:all .2s;display:none}.mobile-menu-btn:hover{transform:scale(1.1)}.mobile-menu{border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-lg);background:#fff;padding:16px;animation:.3s cubic-bezier(.4,0,.2,1) slideDown;display:none;position:absolute;top:64px;left:0;right:0}.mobile-menu.open{display:block}.mobile-nav-link{border-radius:var(--radius);color:var(--gray-600);opacity:0;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;transition:all .25s;animation:.3s ease-out forwards fadeInLeft;display:flex}.mobile-nav-link:first-child{animation-delay:50ms}.mobile-nav-link:nth-child(2){animation-delay:.1s}.mobile-nav-link:nth-child(3){animation-delay:.15s}.mobile-nav-link:nth-child(4){animation-delay:.2s}.mobile-nav-link:nth-child(5){animation-delay:.25s}.mobile-nav-link:nth-child(6){animation-delay:.3s}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--primary);background:var(--primary-bg)}.mobile-book-btn{width:100%;margin-top:12px;padding:14px;font-size:15px;animation:.3s ease-out .35s both fadeInUp}@media (width<=900px){.header-nav,.user-name,.schedule-btn{display:none}.mobile-menu-btn{display:block}}@media (width<=480px){.header-container{padding:0 12px}.logo-text{font-size:17px}}.footer{background:var(--gray-900);color:var(--gray-300);padding:60px 0 0}.footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;padding-bottom:40px;display:grid}.footer-logo{color:#fff;align-items:center;gap:8px;margin-bottom:12px;font-size:20px;font-weight:700;transition:transform .2s;display:flex}.footer-logo:hover{transform:scale(1.02)}.footer-desc{color:var(--gray-400);max-width:320px;font-size:14px;line-height:1.7}.footer-links h4{color:#fff;margin-bottom:16px;font-size:15px;font-weight:600}.footer-links a,.footer-links .contact-item{color:var(--gray-400);align-items:center;gap:8px;padding:6px 0;font-size:14px;transition:all .25s;display:flex}.footer-links a:hover{color:#fff;transform:translate(4px)}.contact-item{align-items:center;gap:8px;padding:6px 0;font-size:14px;display:flex}.footer-bottom{color:var(--gray-500);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 0;font-size:13px;display:flex}.footer-bottom-links{gap:20px;display:flex}.footer-bottom-links a{color:var(--gray-500);transition:all .25s}.footer-bottom-links a:hover{color:#fff;transform:translateY(-1px)}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{text-align:center;flex-direction:column;gap:12px}}.meeting-type-card{border:1px solid var(--gray-200);border-radius:var(--radius-md);opacity:0;background:#fff;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s ease-out forwards fadeInUp;position:relative;overflow:hidden}.meeting-type-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--primary-light));transform-origin:0;height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.meeting-type-card:hover{border-color:var(--primary-light);transform:translateY(-4px);box-shadow:0 8px 25px #4f46e526}.meeting-type-card:hover:before{transform:scaleX(1)}.meeting-type-card.compact{padding:16px}.meeting-type-header{gap:12px;margin-bottom:12px;display:flex}.meeting-type-icon{border-radius:var(--radius);background:var(--primary-bg);width:44px;height:44px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.meeting-type-card:hover .meeting-type-icon{background:var(--primary);color:#fff;transform:scale(1.1)rotate(-5deg)}.meeting-type-info{flex:1;min-width:0}.meeting-type-name{color:var(--gray-900);margin-bottom:4px;font-size:16px;font-weight:700}.meeting-type-meta{flex-wrap:wrap;gap:12px;display:flex}.meta-item{color:var(--gray-500);align-items:center;gap:4px;font-size:13px;display:flex}.meeting-type-desc{color:var(--gray-600);margin-bottom:16px;font-size:14px;line-height:1.6}.meeting-type-footer{border-top:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.host-name{color:var(--gray-500);font-size:13px}.meeting-type-card .btn-sm{transition:all .3s}.meeting-type-card .btn-sm:hover{transform:translate(3px)}@media (width<=480px){.meeting-type-card{padding:16px}.meeting-type-meta{gap:8px}}.hero{background:linear-gradient(135deg,#eef2ff 0%,#f0f9ff 50%,#f0fdf4 100%);padding:80px 0 60px;overflow:hidden}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-text{animation:.8s ease-out forwards fadeInLeft}.hero-badge{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--primary);box-shadow:var(--shadow-sm);align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:600;transition:transform .3s,box-shadow .3s;animation:.6s ease-out .2s both fadeInDown;display:inline-flex}.hero-badge:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.hero-title{color:var(--gray-900);margin-bottom:20px;font-size:52px;font-weight:800;line-height:1.1;animation:.7s ease-out .3s both fadeInUp}.hero-highlight{background:linear-gradient(135deg, var(--primary), #7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{color:var(--gray-600);max-width:500px;margin-bottom:32px;font-size:18px;line-height:1.7;animation:.7s ease-out .4s both fadeInUp}.hero-actions{gap:16px;margin-bottom:40px;animation:.7s ease-out .5s both fadeInUp;display:flex}.hero-actions .btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-stats{gap:32px;animation:.7s ease-out .6s both fadeInUp;display:flex}.stat{flex-direction:column;transition:transform .3s;display:flex}.stat:hover{transform:translateY(-2px)}.stat strong{color:var(--gray-900);font-size:24px;font-weight:800}.stat span{color:var(--gray-500);font-size:13px}.hero-visual{justify-content:center;animation:.8s ease-out .4s both fadeInRight;display:flex}.hero-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#fff;width:100%;max-width:380px;padding:24px;transition:transform .4s,box-shadow .4s}.hero-card:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 30px 60px #00000026}.mini-calendar{margin-bottom:16px}.mini-cal-header{text-align:center;color:var(--gray-900);margin-bottom:12px;font-weight:700}.mini-cal-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.mini-cal-day-name{color:var(--gray-400);padding:4px;font-size:11px;font-weight:600}.mini-cal-day{border-radius:var(--radius);color:var(--gray-700);padding:6px;font-size:12px;transition:all .2s}.mini-cal-day.past{color:var(--gray-300)}.mini-cal-day.selected{background:var(--primary);color:#fff;font-weight:700;animation:.3s ease-out scaleIn}.mini-timeslots{flex-wrap:wrap;gap:8px;display:flex}.mini-slot{border:1px solid var(--gray-200);border-radius:var(--radius);color:var(--gray-600);cursor:pointer;padding:8px 12px;font-size:12px;font-weight:600;transition:all .25s}.mini-slot:hover{border-color:var(--primary-light);transform:translateY(-1px)}.mini-slot.selected{background:var(--primary);color:#fff;border-color:var(--primary);animation:.3s ease-out scaleIn}.section-header{text-align:center;margin-bottom:48px;animation:.6s ease-out forwards fadeInUp}.section-title{color:var(--gray-900);margin-bottom:12px;font-size:36px;font-weight:800}.section-desc{color:var(--gray-500);max-width:600px;margin:0 auto;font-size:18px}.section-cta{text-align:center;margin-top:40px;animation:.6s ease-out .3s both fadeInUp}.features-section{padding:80px 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{border:1px solid var(--gray-200);border-radius:var(--radius-md);opacity:0;background:#fff;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s ease-out forwards fadeInUp}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.15s}.feature-card:nth-child(3){animation-delay:.2s}.feature-card:nth-child(4){animation-delay:.25s}.feature-card:nth-child(5){animation-delay:.3s}.feature-card:nth-child(6){animation-delay:.35s}.feature-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{border-radius:var(--radius);background:var(--primary-bg);width:48px;height:48px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:16px;transition:all .3s;display:flex}.feature-card:hover .feature-icon{background:var(--primary);color:#fff;transform:scale(1.1)rotate(5deg)}.feature-title{color:var(--gray-900);margin-bottom:8px;font-size:17px;font-weight:700}.feature-desc{color:var(--gray-500);font-size:14px;line-height:1.6}.how-it-works{background:var(--gray-50);padding:80px 0}.steps-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.step-card{text-align:center;opacity:0;padding:24px;animation:.6s ease-out forwards fadeInUp}.step-card:first-child{animation-delay:.15s}.step-card:nth-child(2){animation-delay:.25s}.step-card:nth-child(3){animation-delay:.35s}.step-card:nth-child(4){animation-delay:.45s}.step-number{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:20px;font-weight:700;transition:all .3s;display:flex}.step-card:hover .step-number{transform:scale(1.15);box-shadow:0 4px 15px #4f46e566}.step-title{color:var(--gray-900);margin-bottom:8px;font-size:16px;font-weight:700}.step-desc{color:var(--gray-500);font-size:14px;line-height:1.6}.meeting-types-section{padding:80px 0}.cta-section{background:linear-gradient(135deg, var(--primary), #7c3aed);padding:80px 0;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);width:100%;height:100%;animation:4s ease-in-out infinite pulse;position:absolute;top:-50%;right:-50%}.cta-content{text-align:center;z-index:1;position:relative}.cta-title{color:#fff;margin-bottom:12px;font-size:36px;font-weight:800;animation:.6s ease-out .1s both fadeInUp}.cta-desc{color:#fffc;max-width:500px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:18px;animation:.6s ease-out .2s both fadeInUp}.cta-actions{justify-content:center;gap:16px;animation:.6s ease-out .3s both fadeInUp;display:flex}.cta-actions .btn-secondary{color:#fff;background:0 0;border-color:#fff}.cta-actions .btn-secondary:hover{background:#ffffff26;transform:translateY(-2px)}@media (width<=1024px){.hero-content{grid-template-columns:1fr;gap:40px}.hero-text{text-align:center}.hero-desc{margin:0 auto 32px}.hero-actions,.hero-stats{justify-content:center}.hero-title{font-size:42px}.features-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hero{padding:60px 0 40px}.hero-title{font-size:36px}.hero-desc{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-stats{flex-wrap:wrap;gap:20px}.section-title{font-size:28px}.meeting-types-grid{grid-template-columns:1fr}.cta-actions{flex-direction:column}.cta-actions .btn{width:100%}}@media (width<=480px){.hero-title{font-size:30px}.features-grid,.steps-grid{grid-template-columns:1fr}.cta-title{font-size:28px}}.calendar{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:#fff;max-width:400px;padding:20px;animation:.4s ease-out fadeIn}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calendar-title{color:var(--gray-900);font-size:16px;font-weight:700;transition:all .3s}.calendar-nav-btn{border:1px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;color:var(--gray-600);background:0 0;padding:6px;transition:all .25s cubic-bezier(.4,0,.2,1)}.calendar-nav-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.1)}.calendar-nav-btn:active{transform:scale(.95)}.calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.calendar-weekday{text-align:center;color:var(--gray-500);padding:4px;font-size:12px;font-weight:600}.calendar-days{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day-wrapper{aspect-ratio:1;justify-content:center;align-items:center;display:flex}.calendar-day{border-radius:var(--radius);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.calendar-day.empty{cursor:default}.calendar-day.past{color:var(--gray-300);cursor:not-allowed}.calendar-day.today{color:var(--primary);font-weight:700}.calendar-day.available{color:var(--gray-800);font-weight:600}.calendar-day.available:hover{background:var(--primary-bg);color:var(--primary);transform:scale(1.15);box-shadow:0 2px 8px #4f46e533}.calendar-day.unavailable{color:var(--gray-300);cursor:not-allowed}.calendar-day.selected{font-weight:700;animation:.3s ease-out scaleIn;transform:scale(1.1);box-shadow:0 4px 12px #4f46e566;background:var(--primary)!important;color:#fff!important}.calendar-day:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.calendar-legend{border-top:1px solid var(--gray-200);gap:16px;margin-top:16px;padding-top:12px;display:flex}.legend-item{color:var(--gray-500);align-items:center;gap:6px;font-size:12px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px;transition:transform .2s}.legend-item:hover .legend-dot{transform:scale(1.3)}.legend-dot.available{background:var(--primary)}.legend-dot.unavailable{background:var(--gray-300)}@media (width<=480px){.calendar{max-width:100%;padding:16px}.calendar-day{font-size:13px}}.timeslot-container{margin-top:16px;animation:.4s ease-out fadeInUp}.timeslot-title{color:var(--gray-900);margin-bottom:12px;font-size:16px;font-weight:700}.timeslot-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.timeslot-btn{border:2px solid var(--gray-200);border-radius:var(--radius);color:var(--gray-700);cursor:pointer;text-align:center;opacity:0;background:#fff;padding:10px 12px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);animation:.4s ease-out forwards fadeInUp}.timeslot-btn:first-child{animation-delay:50ms}.timeslot-btn:nth-child(2){animation-delay:80ms}.timeslot-btn:nth-child(3){animation-delay:.11s}.timeslot-btn:nth-child(4){animation-delay:.14s}.timeslot-btn:nth-child(5){animation-delay:.17s}.timeslot-btn:nth-child(6){animation-delay:.2s}.timeslot-btn:nth-child(7){animation-delay:.23s}.timeslot-btn:nth-child(8){animation-delay:.26s}.timeslot-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e533}.timeslot-btn:active{transform:scale(.97)}.timeslot-btn.selected{border-color:var(--primary);background:var(--primary);color:#fff;animation:.3s ease-out scaleIn;transform:scale(1.05);box-shadow:0 4px 15px #4f46e559}.timeslot-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.timeslot-loading{color:var(--gray-500);align-items:center;gap:10px;padding:20px;font-size:14px;display:flex}.timeslot-empty{color:var(--gray-400);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:30px;animation:.4s ease-out fadeIn;display:flex}.timeslot-empty p{color:var(--gray-600);font-size:15px;font-weight:500}.timeslot-empty span{font-size:13px}@media (width<=480px){.timeslot-grid{grid-template-columns:repeat(2,1fr)}}.confirmation-modal{text-align:center;max-width:550px}.confirmation-header{margin-bottom:24px;animation:.5s ease-out .2s both scaleIn}.confirmation-icon{color:var(--success);margin-bottom:12px;animation:.6s ease-out .5s both bounce}.confirmation-title{color:var(--gray-900);font-size:22px;font-weight:700}.confirmation-content{text-align:left;background:var(--gray-50);border-radius:var(--radius);margin-bottom:16px;padding:16px;animation:.5s ease-out .3s both fadeInUp}.confirmation-row{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:10px 0;transition:background .2s;display:flex}.confirmation-row:last-child{border-bottom:none}.confirmation-row:hover{background:var(--gray-100);border-radius:var(--radius-sm);margin:0 -8px;padding-left:8px;padding-right:8px}.confirmation-label{color:var(--gray-500);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.confirmation-value{color:var(--gray-900);text-align:right;font-size:14px;font-weight:600}.confirmation-email-notice{background:var(--primary-bg);color:var(--primary-dark);border-radius:var(--radius);text-align:center;margin-bottom:20px;padding:12px 16px;font-size:14px;transition:transform .2s;animation:.4s ease-out .6s both fadeIn}.confirmation-email-notice:hover{transform:scale(1.01)}@media (width<=480px){.confirmation-modal{padding:20px}.confirmation-title{font-size:18px}.confirmation-row{flex-direction:column;align-items:flex-start;gap:4px}.confirmation-value{text-align:left}}.schedule-page{padding-bottom:60px}.booking-progress{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:#fff;justify-content:center;align-items:center;gap:8px;margin-bottom:40px;padding:20px;animation:.4s ease-out fadeInDown;display:flex}.progress-step{align-items:center;gap:8px;transition:all .3s;display:flex}.progress-dot{background:var(--gray-200);width:28px;height:28px;color:var(--gray-500);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.progress-step.active .progress-dot{background:var(--primary);color:#fff;transform:scale(1.15);box-shadow:0 0 0 4px #4f46e533}.progress-step.completed .progress-dot{background:var(--success);color:#fff;animation:.3s ease-out scaleIn}.progress-label{color:var(--gray-500);font-size:13px;font-weight:500;transition:all .3s}.progress-step.active .progress-label{color:var(--gray-900);font-weight:600}.progress-step.completed .progress-label{color:var(--success)}.booking-step{min-height:400px;animation:.5s ease-out fadeInUp}.back-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:20px;padding:8px 0;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.back-btn:hover{color:var(--primary-dark);transform:translate(-3px)}.back-btn svg{transition:transform .2s}.back-btn:hover svg{transform:translate(-2px)}.step-heading{color:var(--gray-900);margin-bottom:20px;font-size:22px;font-weight:700}.meeting-types-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.datetime-layout{grid-template-columns:1fr 1fr;gap:32px;animation:.5s ease-out fadeIn;display:grid}.selected-type-info{background:var(--primary-bg);border-radius:var(--radius-md);margin-bottom:20px;padding:20px;animation:.4s ease-out fadeInLeft}.selected-type-info h2{color:var(--gray-900);margin-bottom:4px;font-size:18px;font-weight:700}.selected-type-info p{color:var(--gray-600);margin-bottom:8px;font-size:14px}.selected-type-info span{color:var(--primary);font-size:13px;font-weight:600}.datetime-right{padding-top:0;animation:.4s ease-out .1s both fadeInRight}.selected-date-info,.date-prompt{margin-bottom:16px}.selected-date-info h3,.date-prompt h3{color:var(--gray-900);margin-bottom:4px;font-size:16px;font-weight:700}.selected-date-info p,.date-prompt p{color:var(--gray-500);font-size:14px}.booking-form-layout{grid-template-columns:1fr 340px;gap:32px;animation:.5s ease-out fadeIn;display:grid}.booking-form-card{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:#fff;padding:28px;animation:.5s ease-out fadeInLeft}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group.full-width{grid-column:1/-1}.booking-sidebar{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);height:fit-content;padding:24px;animation:.5s ease-out .1s both fadeInRight;position:sticky;top:84px}.booking-sidebar h3{color:var(--gray-900);margin-bottom:16px;font-size:16px;font-weight:700}.summary-item{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:flex-start;padding:10px 0;transition:all .2s;display:flex}.summary-item:hover{background:var(--gray-100);border-radius:var(--radius-sm);margin:0 -8px;padding-left:8px;padding-right:8px}.summary-item:last-child{border-bottom:none}.summary-label{color:var(--gray-500);font-size:13px}.summary-value{color:var(--gray-900);text-align:right;font-size:14px;font-weight:600}.review-section{margin-bottom:24px;animation:.5s ease-out fadeInUp}.review-section h3{color:var(--gray-900);margin-bottom:12px;font-size:15px;font-weight:700}.review-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.review-item{border-radius:var(--radius-sm);flex-direction:column;gap:2px;padding:8px;transition:background .2s;display:flex}.review-item:hover{background:var(--gray-50)}.review-item.full-width{grid-column:1/-1}.review-label{color:var(--gray-500);font-size:12px;font-weight:500}.review-value{color:var(--gray-900);font-size:14px;font-weight:600}.review-card{animation:.5s ease-out fadeInLeft}@media (width<=768px){.booking-progress{flex-wrap:wrap;gap:12px}.progress-label{display:none}.datetime-layout,.booking-form-layout,.meeting-types-grid,.form-grid,.review-grid{grid-template-columns:1fr}.booking-sidebar{position:static}}.meeting-detail-page{padding:40px 0 60px}.meeting-detail-layout{grid-template-columns:1fr 320px;gap:32px;display:grid}.meeting-detail-card{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:#fff;padding:32px;animation:.5s ease-out fadeInLeft}.meeting-detail-header{gap:16px;margin-bottom:20px;display:flex}.meeting-detail-icon{border-radius:var(--radius-md);background:var(--primary-bg);width:56px;height:56px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.meeting-detail-card:hover .meeting-detail-icon{background:var(--primary);color:#fff;transform:scale(1.1)rotate(-5deg)}.meeting-detail-title{color:var(--gray-900);margin-bottom:4px;font-size:24px;font-weight:700}.meeting-detail-host{color:var(--gray-500);font-size:14px}.meeting-detail-desc{color:var(--gray-600);margin-bottom:24px;font-size:15px;line-height:1.7}.meeting-detail-info{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.info-item{border-radius:var(--radius);align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.info-item:hover{background:var(--gray-50);transform:translate(4px)}.info-item svg{color:var(--gray-400);flex-shrink:0;transition:color .2s}.info-item:hover svg{color:var(--primary)}.info-label{color:var(--gray-500);font-size:12px;display:block}.info-value{color:var(--gray-900);font-size:14px;font-weight:600;display:block}.available-days-section{margin-bottom:24px}.available-days-section h3{color:var(--gray-900);margin-bottom:12px;font-size:16px;font-weight:700}.available-days-list{flex-direction:column;gap:8px;display:flex}.available-day-item{background:var(--gray-50);border-radius:var(--radius);color:var(--gray-700);padding:10px 14px;font-size:14px;transition:all .2s}.available-day-item:hover{background:var(--primary-bg);color:var(--primary-dark);transform:translate(4px)}.sidebar-card{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:#fff;padding:24px;animation:.5s ease-out .2s both fadeInRight;position:sticky;top:84px}.sidebar-card h3{color:var(--gray-900);margin-bottom:16px;font-size:16px;font-weight:700}.booking-steps-list{flex-direction:column;gap:12px;display:flex}.booking-step-item{color:var(--gray-600);border-radius:var(--radius);align-items:flex-start;gap:10px;padding:8px;font-size:14px;transition:all .2s;display:flex}.booking-step-item:hover{background:var(--gray-50)}.step-num{background:var(--primary-bg);width:24px;height:24px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .2s;display:flex}.booking-step-item:hover .step-num{background:var(--primary);color:#fff}@media (width<=768px){.meeting-detail-layout{grid-template-columns:1fr}}.availability-page{padding-bottom:60px}.availability-content{max-width:800px}.availability-info{margin-bottom:24px;animation:.5s ease-out fadeInUp}.info-card{background:var(--primary-bg);border-radius:var(--radius-md);gap:12px;padding:16px 20px;transition:all .2s;display:flex}.info-card:hover{transform:translate(4px)}.info-card svg{color:var(--primary);flex-shrink:0;margin-top:2px}.info-card h4{color:var(--gray-900);margin-bottom:4px;font-size:14px;font-weight:700}.info-card p{color:var(--gray-600);font-size:13px;line-height:1.6}.availability-days{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.day-row{border:1px solid var(--gray-200);border-radius:var(--radius-md);opacity:0;background:#fff;align-items:flex-start;gap:20px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s ease-out forwards fadeInUp;display:flex}.day-row:first-child{animation-delay:50ms}.day-row:nth-child(2){animation-delay:.1s}.day-row:nth-child(3){animation-delay:.15s}.day-row:nth-child(4){animation-delay:.2s}.day-row:nth-child(5){animation-delay:.25s}.day-row:nth-child(6){animation-delay:.3s}.day-row:nth-child(7){animation-delay:.35s}.day-row.enabled{border-color:var(--primary-light);box-shadow:0 0 0 1px var(--primary-light)}.day-row:hover{box-shadow:var(--shadow-sm)}.day-row.disabled{opacity:.6}.day-toggle{align-items:center;gap:12px;min-width:160px;display:flex}.day-name{color:var(--gray-800);font-size:15px;font-weight:600}.toggle-switch{cursor:pointer;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background:var(--gray-300);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:focus-visible+.toggle-slider{outline:2px solid var(--primary);outline-offset:2px}.day-ranges{flex-direction:column;flex:1;gap:8px;display:flex}.time-range{align-items:center;gap:8px;animation:.3s ease-out fadeIn;display:flex}.time-select-group{align-items:center;gap:8px;display:flex}.time-select{width:130px;padding:8px 10px;font-size:13px;transition:all .2s}.time-select:focus{transform:scale(1.02)}.time-separator{color:var(--gray-500);font-size:13px}.remove-range{transition:transform .2s;color:var(--danger)!important}.remove-range:hover{transform:scale(1.1)}.add-range{transition:all .2s;color:var(--primary)!important;font-size:13px!important}.add-range:hover{transform:translate(2px)}.unavailable-text{color:var(--gray-400);padding-top:4px;font-size:14px;font-style:italic}.availability-actions{justify-content:flex-end;animation:.5s ease-out .4s both fadeInUp;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.day-row{flex-direction:column;gap:12px}.day-toggle{min-width:auto}.time-select-group{flex-wrap:wrap}.time-select{width:100%}.time-separator{display:none}}.appointment-card{border:1px solid var(--gray-200);border-radius:var(--radius-md);opacity:0;background:#fff;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s ease-out forwards fadeInUp;position:relative}.appointment-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.appointment-card.past{opacity:.75}.appointment-card.past:hover{opacity:1}.appointment-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.appointment-title{color:var(--gray-900);margin:0;font-size:16px;font-weight:700}.appointment-details{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.detail-row{color:var(--gray-600);align-items:center;gap:10px;font-size:14px;transition:color .2s;display:flex}.detail-row:hover{color:var(--gray-800)}.detail-row svg{color:var(--gray-400);flex-shrink:0;transition:all .2s}.detail-row:hover svg{color:var(--primary)}.appointment-footer{border-top:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.confirmation-number{color:var(--gray-400);font-family:monospace;font-size:12px;transition:color .2s}.confirmation-number:hover{color:var(--primary)}.appointment-actions{gap:8px;display:flex}.appointment-actions .btn{transition:all .25s}.appointment-actions .btn:hover{transform:translateY(-1px)}@media (width<=480px){.appointment-card-header{flex-direction:column}.appointment-footer{flex-direction:column;align-items:flex-start;gap:12px}.appointment-actions{width:100%}.appointment-actions .btn{flex:1}}.cancel-modal{text-align:center;max-width:420px}.cancel-icon{color:var(--danger);margin-bottom:16px;animation:.6s ease-out .2s both bounce}.cancel-title{color:var(--gray-900);margin-bottom:12px;font-size:20px;font-weight:700;animation:.4s ease-out .1s both fadeInDown}.cancel-message{color:var(--gray-600);margin-bottom:24px;font-size:15px;line-height:1.6;animation:.4s ease-out .2s both fadeInUp}.cancel-actions{justify-content:center;gap:12px;animation:.4s ease-out .3s both fadeInUp;display:flex}.cancel-actions .btn{transition:all .25s}.cancel-actions .btn:hover{transform:translateY(-2px)}.reschedule-modal{max-width:600px}.reschedule-header{text-align:center;margin-bottom:24px}.reschedule-icon{color:var(--primary);margin-bottom:8px;animation:.6s ease-out .2s both bounce}.reschedule-title{color:var(--gray-900);margin-bottom:4px;font-size:20px;font-weight:700;animation:.4s ease-out .1s both fadeInDown}.reschedule-subtitle{color:var(--gray-500);font-size:14px;animation:.4s ease-out .15s both fadeInUp}.reschedule-content{margin-bottom:20px;animation:.4s ease-out .2s both fadeInUp}.reschedule-calendar{margin-bottom:16px}@media (width<=480px){.reschedule-modal{padding:20px}}.dashboard-page{padding-bottom:60px}.dashboard-header-content{justify-content:space-between;align-items:flex-start;gap:16px;animation:.5s ease-out fadeInUp;display:flex}.dashboard-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.stat-card{border:1px solid var(--gray-200);border-radius:var(--radius-md);opacity:0;background:#fff;align-items:center;gap:14px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s ease-out forwards fadeInUp;display:flex}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.15s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-icon{border-radius:var(--radius);justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-icon.upcoming{background:var(--primary-bg);color:var(--primary)}.stat-icon.past{background:var(--gray-100);color:var(--gray-500)}.stat-icon.total{background:var(--success-bg);color:var(--success)}.stat-number{color:var(--gray-900);font-size:24px;font-weight:800;line-height:1;display:block}.stat-label{color:var(--gray-500);margin-top:2px;font-size:13px;display:block}.dashboard-tabs{border-bottom:2px solid var(--gray-200);gap:4px;margin-bottom:24px;animation:.5s ease-out .25s both fadeInUp;display:flex}.tab-btn{color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .25s;display:flex;position:relative}.tab-btn:hover{color:var(--gray-700)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-btn.active:after{content:"";background:var(--primary);height:2px;animation:.3s ease-out scaleIn;position:absolute;bottom:-2px;left:0;right:0}.tab-count{background:var(--primary-bg);color:var(--primary);border-radius:var(--radius-full);padding:2px 8px;font-size:12px;font-weight:700;transition:all .2s}.appointments-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.empty-state{text-align:center;color:var(--gray-400);flex-direction:column;align-items:center;gap:12px;padding:60px 20px;animation:.5s ease-out fadeIn;display:flex}.empty-state h3{color:var(--gray-700);font-size:18px;font-weight:700}.empty-state p{color:var(--gray-500);max-width:400px;font-size:14px}@media (width<=768px){.dashboard-header-content{flex-direction:column}.dashboard-stats,.appointments-grid{grid-template-columns:1fr}.dashboard-tabs{overflow-x:auto}}.appointments-page{padding-bottom:60px}.appointments-list{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=768px){.appointments-list{grid-template-columns:1fr}}.notifications-page{padding-bottom:60px}.unread-badge{background:var(--danger);color:#fff;border-radius:var(--radius-full);padding:4px 12px;font-size:13px;font-weight:600;animation:.6s ease-out bounce}.notifications-list{flex-direction:column;gap:8px;display:flex}.notification-item{border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;opacity:0;background:#fff;align-items:flex-start;gap:14px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.4s ease-out forwards fadeInUp;display:flex;position:relative}.notification-item:first-child{animation-delay:50ms}.notification-item:nth-child(2){animation-delay:.1s}.notification-item:nth-child(3){animation-delay:.15s}.notification-item:nth-child(4){animation-delay:.2s}.notification-item:nth-child(5){animation-delay:.25s}.notification-item:hover{box-shadow:var(--shadow-sm);transform:translate(4px)}.notification-item.unread{background:var(--primary-bg);border-color:var(--primary-light)}.notification-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.notification-item:hover .notification-icon{transform:scale(1.1)}.notification-icon.booking_confirmed{background:var(--success-bg);color:var(--success)}.notification-icon.booking_cancelled{background:var(--danger-bg);color:var(--danger)}.notification-icon.booking_rescheduled{background:var(--warning-bg);color:var(--warning)}.notification-icon.upcoming_meeting{background:var(--primary-bg);color:var(--primary)}.notification-content{flex:1}.notification-type{color:var(--gray-900);margin-bottom:2px;font-size:13px;font-weight:700;display:block}.notification-message{color:var(--gray-600);margin-bottom:4px;font-size:14px}.notification-time{color:var(--gray-400);font-size:12px}.unread-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px;animation:2s ease-in-out infinite pulse}@media (width<=480px){.notification-item{padding:12px 14px}}.help-page{padding-bottom:60px}.help-content{grid-template-columns:1fr 300px;gap:32px;display:grid}.help-section{margin-bottom:32px}.help-section-title{color:var(--gray-900);align-items:center;gap:10px;margin-bottom:20px;font-size:20px;font-weight:700;animation:.5s ease-out fadeInUp;display:flex}.faq-list{flex-direction:column;gap:8px;display:flex}.faq-item{border:1px solid var(--gray-200);border-radius:var(--radius-md);opacity:0;background:#fff;animation:.5s ease-out forwards fadeInUp;overflow:hidden}.faq-item:first-child{animation-delay:.1s}.faq-item:nth-child(2){animation-delay:.15s}.faq-item:nth-child(3){animation-delay:.2s}.faq-item:nth-child(4){animation-delay:.25s}.faq-item:nth-child(5){animation-delay:.3s}.faq-item.open{border-color:var(--primary-light);box-shadow:0 2px 10px #4f46e51a}.faq-question{text-align:left;width:100%;color:var(--gray-800);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.faq-question:hover{color:var(--primary);background:var(--gray-50)}.faq-question svg{color:var(--gray-400);flex-shrink:0;transition:transform .3s}.faq-item.open .faq-question svg{color:var(--primary);transform:rotate(180deg)}.faq-answer{padding:0 20px 16px;animation:.3s ease-out fadeIn}.faq-answer p{color:var(--gray-600);font-size:14px;line-height:1.7}.help-sidebar{flex-direction:column;gap:16px;display:flex}.help-card{border:1px solid var(--gray-200);border-radius:var(--radius-md);text-align:center;opacity:0;background:#fff;padding:20px;transition:all .3s;animation:.5s ease-out forwards fadeInUp}.help-card:first-child{animation-delay:.2s}.help-card:nth-child(2){animation-delay:.3s}.help-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.help-card-icon{color:var(--primary);margin-bottom:12px;transition:transform .3s}.help-card:hover .help-card-icon{transform:scale(1.1)}.help-card h3{color:var(--gray-900);margin-bottom:4px;font-size:15px;font-weight:700}.help-card p{color:var(--gray-600);margin-bottom:4px;font-size:14px}.help-card span{color:var(--gray-400);font-size:12px}@media (width<=768px){.help-content{grid-template-columns:1fr}.help-sidebar{flex-flow:wrap}.help-card{flex:1;min-width:200px}}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;animation:.3s ease-out fadeIn}.container{max-width:1200px;margin:0 auto;padding:0 20px}.page-header{padding:40px 0 20px;animation:.5s ease-out fadeInUp}.page-title{color:var(--gray-900);margin-bottom:8px;font-size:28px;font-weight:700}.page-subtitle{color:var(--gray-500);font-size:16px}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-md)}.card-clickable{cursor:pointer}.card-clickable:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translateY(-3px)}.btn{border-radius:var(--radius);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.btn:active:after{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}.btn-secondary{background:var(--white);color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary-bg);transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-ghost{color:var(--gray-600);background:0 0}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-900)}.btn-lg{border-radius:var(--radius-md);padding:14px 28px;font-size:16px}.btn-sm{padding:6px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:16px}.form-label{color:var(--gray-700);margin-bottom:6px;font-size:14px;font-weight:600;animation:.3s ease-out fadeIn;display:block}.form-input{border:1px solid var(--gray-300);border-radius:var(--radius);width:100%;color:var(--gray-800);background:#fff;padding:10px 14px;font-size:14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.form-input:focus{border-color:var(--primary);outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #4f46e526}.form-input.error{border-color:var(--danger);animation:.3s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.form-error{color:var(--danger);margin-top:4px;font-size:13px;animation:.2s ease-out fadeInDown}.form-select{border:1px solid var(--gray-300);border-radius:var(--radius);width:100%;color:var(--gray-800);cursor:pointer;background:#fff;padding:10px 14px;font-size:14px;transition:all .25s}.form-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e526}textarea.form-input{resize:vertical;min-height:80px}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.badge{border-radius:var(--radius-full);align-items:center;padding:4px 10px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.badge-confirmed{background:var(--success-bg);color:#065f46}.badge-cancelled{background:var(--danger-bg);color:#991b1b}.badge-rescheduled{background:var(--warning-bg);color:#92400e}.badge-completed{background:var(--primary-bg);color:#3730a3}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-xl);background:#fff;padding:32px;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards scaleIn;overflow-y:auto}.modal-header{margin-bottom:20px}.modal-title{color:var(--gray-900);font-size:20px;font-weight:700}.modal-footer{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}@media (width<=768px){.container{padding:0 16px}.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.page-title{font-size:24px}.modal{margin:10px;padding:24px}.btn-lg{padding:12px 20px;font-size:15px}}@media (width<=480px){.grid-4{grid-template-columns:1fr}}