@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Ubuntu:wght@300;400;500;700&display=swap";:root{font-family:Ubuntu,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #4a6741;--primary-hover: #3d5436;--primary-light: #5a7a4f;--primary-gradient: linear-gradient(135deg, #4a6741, #3d5436);--secondary-color: #6b8e5a;--secondary-hover: #5a7a4f;--accent-color: #8fbc8f;--accent-hover: #7ba77b;--forest-green: #2d4a2b;--sage-green: #87a987;--mint-green: #b8d4b8;--light-green: #e8f5e8;--dark-green: #1e3a1c;--danger-color: #dc3545;--danger-hover: #c82333;--warning-color: #fd7e14;--warning-hover: #e8650e;--success-color: #28a745;--success-hover: #218838;--info-color: #17a2b8;--info-hover: #138496;--btn-primary-bg: var(--primary-color);--btn-primary-hover: var(--primary-hover);--btn-secondary-bg: var(--secondary-color);--btn-secondary-hover: var(--secondary-hover);--btn-outline-border: var(--primary-color);--btn-outline-hover-bg: var(--primary-color);--btn-back-bg: #6c757d;--btn-back-hover: #5a6268;--btn-disabled-bg: #e9ecef;--btn-disabled-text: #6c757d;--dark-color: #1a2e1a;--text-color: #1a2e1a;--text-primary: #1a2e1a;--text-secondary: #2d4a2b;--light-text: #4a6741;--text-muted: #6b8e5a;--border-color: #d1e7dd;--border-light: #e8f5e8;--light-bg: #f8fdf8;--bg-primary: #ffffff;--bg-secondary: #fafcfa;--bg-tertiary: #f0f8f0;--white: #ffffff;--header-bg: rgba(255, 255, 255, .95);--card-bg: #ffffff;--shadow-color: rgba(74, 103, 65, .15);--shadow-sm: 0 2px 8px rgba(74, 103, 65, .15);--shadow-md: 0 4px 16px rgba(74, 103, 65, .2);--shadow-lg: 0 8px 24px rgba(74, 103, 65, .25);--shadow-xl: 0 16px 40px rgba(74, 103, 65, .3);--shadow-glow: 0 0 20px rgba(74, 103, 65, .4);--shadow-hover: 0 8px 32px rgba(74, 103, 65, .35);--border-radius: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-2xl: 20px;--transition-fast: .15s ease-out;--transition-normal: .3s ease-out;--transition-slow: .5s ease-out;--mobile-font-xs: .75rem;--mobile-font-sm: .875rem;--mobile-font-base: 1rem;--mobile-font-lg: 1.125rem;--mobile-font-xl: 1.25rem;--mobile-font-2xl: 1.5rem;--mobile-font-3xl: 1.875rem;--mobile-font-4xl: 2.25rem;--mobile-leading-tight: 1.25;--mobile-leading-normal: 1.5;--mobile-leading-relaxed: 1.75;--mobile-space-1: .25rem;--mobile-space-2: .5rem;--mobile-space-3: .75rem;--mobile-space-4: 1rem;--mobile-space-5: 1.25rem;--mobile-space-6: 1.5rem;--mobile-space-8: 2rem;--mobile-space-10: 2.5rem;--mobile-space-12: 3rem;--mobile-space-16: 4rem;--mobile-touch-min: 44px;--mobile-touch-comfortable: 48px;--breakpoint-xs: 320px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px}[data-theme=light]{--icon-color: #374151;--icon-hover-color: #1f2937;--primary-text-color: var(--white);--dark-bg-text-color: var(--white)}[data-theme=light] .bg-primary,[data-theme=light] .primary-bg,[data-theme=light] [style*="background: #4a6741"],[data-theme=light] [style*="background-color: #4a6741"],[data-theme=light] [style*="background: var(--primary-color)"],[data-theme=light] [style*="background-color: var(--primary-color)"],[data-theme=light] .bg-primary *,[data-theme=light] .primary-bg *,[data-theme=light] [style*="background: #4a6741"] *,[data-theme=light] [style*="background-color: #4a6741"] *,[data-theme=light] [style*="background: var(--primary-color)"] *,[data-theme=light] [style*="background-color: var(--primary-color)"] *,[data-theme=light] .bg-dark,[data-theme=light] .dark-bg,[data-theme=light] [style*="background: #1a2e1a"],[data-theme=light] [style*="background-color: #1a2e1a"],[data-theme=light] [style*="background: #2d4a2b"],[data-theme=light] [style*="background-color: #2d4a2b"],[data-theme=light] .bg-dark *,[data-theme=light] .dark-bg *,[data-theme=light] [style*="background: #1a2e1a"] *,[data-theme=light] [style*="background-color: #1a2e1a"] *,[data-theme=light] [style*="background: #2d4a2b"] *,[data-theme=light] [style*="background-color: #2d4a2b"] *{color:var(--white)!important}[data-theme=dark]{color-scheme:dark;--dark-color: #ffffff;--text-color: #ffffff;--text-primary: #ffffff;--text-secondary: #e2e8f0;--light-text: #cbd5e1;--text-muted: #94a3b8;--border-color: #475569;--border-light: #64748b;--light-bg: #334155;--bg-primary: #1e293b;--bg-secondary: #0f172a;--bg-tertiary: #334155;--white: #ffffff;--header-bg: rgba(30, 41, 59, .95);--card-bg: #1e293b;--shadow-color: rgba(0, 0, 0, .5);--icon-color: #e2e8f0;--icon-hover-color: #f1f5f9;--primary-color: #7ba77b;--primary-hover: #8fbc8f;--primary-light: #a3d4a3;--secondary-color: #8fbc8f;--secondary-hover: #a3d4a3;--accent-color: #b8d4b8;--accent-hover: #c8e6c8;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(90, 122, 79, .4);--shadow-hover: 0 8px 32px rgba(0, 0, 0, .5);--btn-primary-bg: var(--primary-color);--btn-primary-hover: var(--primary-hover);--btn-secondary-bg: var(--secondary-color);--btn-secondary-hover: var(--secondary-hover);--btn-back-bg: #64748b;--btn-back-hover: #475569;--btn-disabled-bg: #495057;--btn-disabled-text: #adb5bd}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,Ubuntu,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary);transition:background-color .1s ease-out,color .1s ease-out;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{min-height:100vh;display:flex;flex-direction:column}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}.animate-slide-down{animation:slideDown .4s ease-out}.animate-slide-left{animation:slideInLeft .4s ease-out}.animate-slide-right{animation:slideInRight .4s ease-out}.animate-scale{animation:scaleIn .3s ease-out}.animate-bounce{animation:bounce .6s ease-out}.animate-pulse{animation:pulse 2s infinite}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.hover-glow{transition:box-shadow var(--transition-normal)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.shimmer{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.animate-on-load{animation-play-state:running!important}@keyframes restart-animation{0%{opacity:.99}to{opacity:1}}.page-loaded *{animation-name:restart-animation;animation-duration:.01s;animation-fill-mode:forwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*:focus{outline:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:1px solid var(--primary-color);outline-offset:1px}*:focus:not(:focus-visible){outline:none}.theme-switch,.theme-switch *{will-change:transform,opacity}header,nav,main,footer,.card,.btn{transition:background-color .1s ease-out,color .1s ease-out,border-color .1s ease-out}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}[data-theme=light] .status-confirmed,[data-theme=light] .status-pending,[data-theme=light] .status-cancelled,[data-theme=light] .status-completed,[data-theme=light] .appointment-status,[data-theme=light] .badge-primary,[data-theme=light] .badge-success,[data-theme=light] .badge-warning,[data-theme=light] .badge-danger,[data-theme=light] .badge-info{color:var(--white)!important}[data-theme=light] .nav-item:hover,[data-theme=light] .nav-link:hover,[data-theme=light] .dropdown-item:hover{color:var(--primary-color)!important}[data-theme=light] .form-control:focus,[data-theme=light] .form-select:focus,[data-theme=light] .form-check-input:checked{color:var(--text-primary)!important}[data-theme=light] .alert-primary,[data-theme=light] .alert-success,[data-theme=light] .alert-warning,[data-theme=light] .alert-danger,[data-theme=light] .alert-info{color:var(--text-primary)!important}[data-theme=light] .card-header-primary,[data-theme=light] .card-header.bg-primary,[data-theme=light] .card-footer-primary,[data-theme=light] .card-footer.bg-primary,[data-theme=light] .table-primary th,[data-theme=light] .table-dark th,[data-theme=light] .table-success th,[data-theme=light] .table-warning th,[data-theme=light] .table-danger th,[data-theme=light] .table-info th{color:var(--white)!important}.booking-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.booking-modal{background:var(--bg-primary);border-radius:24px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);width:100%;max-width:600px;max-height:90vh;overflow:visible;animation:slideUp .4s ease-out;position:relative;margin-top:80px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.booking-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 30px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#4a6741,#3d5436);color:#fff!important;position:relative;overflow:hidden;border-radius:24px 24px 0 0}.booking-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4a6741e6,#3d5436f2);z-index:1}.booking-modal-header *{position:relative;z-index:2}.booking-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.modal-close-btn{background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff!important;font-size:1.3rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:rotate(90deg) scale(1.1);color:#fff!important;box-shadow:0 4px 12px #0003}.booking-modal-content{padding:30px;max-height:60vh;overflow-y:auto;position:relative}.booking-modal-content:has(.slot-dropdown-container .slot-dropdown-menu){overflow-y:visible;overflow-x:hidden;padding-bottom:50px}.booking-step{animation:slideInRight .4s ease-out;position:relative;z-index:1;width:100%;max-width:100%;box-sizing:border-box}.booking-step.step-2{z-index:100005;position:relative}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.step-header svg{color:var(--primary-color);margin-bottom:12px}.step-header h3{margin:0 0 8px;color:var(--dark-color);font-size:1.3rem;font-weight:600}.form-group{margin-bottom:24px}.form-group:has(.slot-dropdown-container){margin-bottom:24px;position:relative;z-index:100010}.form-group label{display:flex;align-items:center;gap:8px;color:var(--dark-color);font-weight:500;margin-bottom:8px;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;border:2px solid var(--border-color);border-radius:10px;font-size:16px;transition:all .3s ease;font-family:inherit;background:var(--bg-primary);color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a67411a}.form-group input.pre-filled{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#28a745}.field-error{display:flex;align-items:center;gap:8px;color:#dc3545;font-size:.875rem;margin-top:8px;padding:8px 12px;background-color:#fff5f5;border:1px solid #f8d7da;border-radius:6px;animation:slideDown .3s ease-out}.field-hint{display:flex;align-items:center;gap:8px;color:#6c757d;font-size:.875rem;margin-top:8px;padding:8px 12px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;border-left:3px solid var(--primary-color);font-style:italic}.slot-message{text-align:center;color:#666;font-style:italic;padding:20px;background-color:#f8f9fa;border-radius:8px;margin:10px 0;border:1px solid #e9ecef}.loading-spinner{animation:spin 1s linear infinite;margin-left:8px}.booking-modal-footer{padding:20px 30px;border-top:1px solid #e9ecef;background:#f8f9fa;border-radius:0 0 24px 24px}.booking-modal-footer .btn-secondary{background:#6c757d!important;color:#fff!important;border:2px solid #6c757d!important}.footer-buttons{display:flex;justify-content:space-between;align-items:center;gap:15px}.footer-buttons .btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:500;transition:all .3s ease;border:none;cursor:pointer;font-size:.95rem}.footer-buttons .btn svg{color:inherit!important;opacity:1!important;visibility:visible!important;flex-shrink:0}.footer-buttons .btn span,.footer-buttons .btn{color:inherit!important;opacity:1!important;visibility:visible!important}.btn-primary{background:var(--primary-color)!important;color:#fff!important;border:2px solid var(--primary-color)!important}.btn-primary,.btn-primary *,.btn-primary span{color:#fff!important}.btn-primary:hover:not(:disabled){background:var(--primary-hover)!important;border-color:var(--primary-hover)!important;transform:translateY(-1px)}.btn-primary:hover:not(:disabled),.btn-primary:hover:not(:disabled) *,.btn-primary:hover:not(:disabled) span{color:#fff!important}.btn-primary:hover:not(:disabled) svg{color:#fff!important}.footer-buttons .btn{opacity:1!important;visibility:visible!important;display:flex!important}.footer-buttons .btn-primary{background:var(--primary-color)!important;color:#fff!important;border:2px solid var(--primary-color)!important}.footer-buttons .btn-primary,.footer-buttons .btn-primary *,.footer-buttons .btn-primary span,.footer-buttons .btn-primary text{color:#fff!important;opacity:1!important;visibility:visible!important}.footer-buttons .btn-primary svg{color:#fff!important;opacity:1!important;visibility:visible!important}.booking-modal .footer-buttons .btn-back{background:#0000001a!important;color:var(--primary-color)!important;border:2px solid rgba(0,0,0,.2)!important;box-shadow:none!important;transition:all .2s ease!important}.booking-modal .footer-buttons .btn-back:hover:not(:disabled){background:#00000026!important;border-color:var(--primary-color)!important;color:var(--primary-hover)!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #0000001a!important}.footer-buttons .btn-primary{background:var(--btn-primary-bg);color:var(--white);border:2px solid var(--btn-primary-bg)}.submit-message{padding:15px;border-radius:8px;margin-bottom:20px;font-weight:500;text-align:center;animation:slideDown .3s ease-out}.slot-dropdown-container{position:relative;width:100%;z-index:100010}.slot-dropdown-trigger{width:100%;padding:14px 16px;background:#fff;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;transition:all .3s ease;text-align:left}.slot-dropdown-trigger:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px #4a67411a}.slot-dropdown-trigger.open{border-color:var(--primary-color);border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 0 0 3px #4a67411a}.dropdown-trigger-content{display:flex;align-items:center;gap:12px;color:var(--dark-color)}.dropdown-arrow{transition:transform .3s ease;color:var(--text-primary, #333);font-size:.8rem}.slot-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid var(--primary-color);border-top:none;border-radius:0 0 10px 10px;box-shadow:0 12px 35px #4a674140;z-index:100015;max-height:300px;overflow:hidden;animation:slideDown .3s ease-out;margin-top:2px;width:100%;box-sizing:border-box}.dropdown-content{max-height:250px;overflow-y:auto}.slot-period-group{margin-bottom:8px}.period-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 8px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);position:static;z-index:1}.period-title{font-weight:600;color:var(--dark-color);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.period-count{font-size:.8rem;color:#6c757d;background:#fff;padding:4px 8px;border-radius:12px;border:1px solid #e9ecef}.period-slots{padding:0 8px}.slot-dropdown-item{width:100%;padding:12px 16px;background:#fff;border:none;border-radius:8px;margin-bottom:4px;cursor:pointer;transition:all .3s ease;text-align:left}.slot-dropdown-item.selected{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left:4px solid var(--primary-color)}.slot-dropdown-item.booked .slot-time{color:#6c757d!important}.slot-time-info{display:flex;flex-direction:column;gap:4px}.slot-time{font-weight:600;color:var(--dark-color);font-size:.95rem}.slot-location{font-size:.8rem;color:#6c757d}.slot-status-badge{padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.slot-status-badge.available{background:#d4edda;color:#155724}.slot-status-badge.booked{background:#f8d7da;color:#721c24}.appointment-summary{background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:20px;width:100%;max-width:100%;box-sizing:border-box;overflow-wrap:break-word}.summary-section{margin-bottom:24px}.summary-section:last-child{margin-bottom:0}.summary-section h4{color:var(--primary-color);font-size:1.1rem;font-weight:600;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--primary-color)}.summary-item{display:flex;align-items:center;gap:12px;padding:8px 0;color:var(--dark-color);width:100%;max-width:100%;overflow-wrap:break-word}.summary-item svg{color:var(--primary-color);flex-shrink:0;min-width:16px}.summary-item span{flex:1;word-wrap:break-word;overflow-wrap:break-word;min-width:0}.summary-message{background:#fff;padding:16px;border-radius:8px;border-left:4px solid var(--primary-color);color:var(--dark-color);line-height:1.6;font-style:italic;width:100%;max-width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 768px){.booking-modal-overlay{padding:90px 15px 15px;align-items:flex-start}.booking-modal{margin:0;width:100%;max-width:100%;max-height:calc(100vh - 110px);border-radius:20px;overflow:hidden}.booking-modal-header{padding:20px 24px;position:sticky;top:0;z-index:10;background:var(--primary-color);border-radius:20px 20px 0 0}.booking-modal-header h2{font-size:1.3rem;line-height:1.3}.modal-close-btn{width:36px;height:36px;border-radius:8px;touch-action:manipulation}.booking-modal-content{padding:20px;overflow-y:auto;flex:1}.step-header{margin-bottom:20px}.step-header h3{font-size:1.2rem;margin-bottom:8px}.step-header p{font-size:.9rem;line-height:1.4}.form-group{margin-bottom:20px}.form-group label{font-size:.9rem;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px}.form-group input,.form-group select,.form-group textarea{padding:16px 14px;font-size:16px;border-radius:12px;border:2px solid var(--border-color);touch-action:manipulation;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4a67411a;transform:scale(1.02)}.slot-dropdown-trigger{padding:16px;border-radius:12px;border:2px solid var(--border-color);touch-action:manipulation;transition:all .2s ease}.slot-dropdown-trigger:active{transform:scale(.98)}.slot-dropdown-menu{max-height:280px;border-radius:12px;box-shadow:0 8px 32px #00000026}.dropdown-content{max-height:240px}.slot-dropdown-item{padding:16px;border-radius:0;touch-action:manipulation;transition:all .2s ease}.slot-dropdown-item:active{transform:scale(.98)}.booking-modal-footer{padding:16px;background:var(--bg-primary);border-top:1px solid var(--border-light);position:sticky;bottom:0;z-index:10;border-radius:0 0 20px 20px}.footer-buttons{display:flex;gap:12px;justify-content:space-between;align-items:center}.footer-buttons .btn{flex:none;padding:8px 20px;font-size:13px;font-weight:500;border-radius:6px;touch-action:manipulation;transition:all .2s ease;height:36px;min-width:90px;max-width:140px;display:flex;align-items:center;justify-content:center}.footer-buttons .btn:active{transform:scale(.98)}.footer-buttons .btn-primary{background:var(--btn-primary-bg)!important;color:var(--white)!important;border:2px solid var(--btn-primary-bg)!important;box-shadow:0 3px 10px rgba(var(--primary-color-rgb),.3)}.booking-modal .footer-buttons .btn-back{background:#0000001a!important;color:var(--primary-color)!important;border:2px solid rgba(0,0,0,.2)!important;box-shadow:none!important;transition:all .2s ease!important}.booking-modal .footer-buttons .btn-back:hover:not(:disabled){background:#00000026!important;border-color:var(--primary-color)!important;color:var(--primary-hover)!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #0000001a!important}}@media (max-width: 480px){.booking-modal-overlay{padding:85px 10px 10px}.booking-modal{max-height:calc(100vh - 105px);border-radius:18px}.booking-modal-header{padding:16px 20px;border-radius:18px 18px 0 0}.booking-modal-header h2{font-size:1.2rem}.modal-close-btn{width:32px;height:32px}.booking-modal-content{padding:16px}.step-header h3{font-size:1.1rem}.step-header p{font-size:.85rem}.form-group{margin-bottom:16px}.form-group label{font-size:.85rem;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{padding:14px 12px;font-size:16px;border-radius:10px}.slot-dropdown-trigger{padding:14px 12px;border-radius:10px}.slot-dropdown-menu{max-height:250px;border-radius:10px}.dropdown-content{max-height:200px}.slot-dropdown-item{padding:14px 12px}.slot-item-content{gap:8px}.slot-time-info{gap:4px}.slot-time{font-size:.9rem}.slot-location{font-size:.8rem}.slot-status-badge{font-size:.75rem;padding:4px 8px}.appointment-summary{padding:16px;border-radius:10px}.summary-section{margin-bottom:16px}.summary-section h4{font-size:1rem;margin-bottom:8px}.summary-item{padding:8px 0;font-size:.9rem}.summary-item svg{width:16px;height:16px}.summary-message{padding:12px;font-size:.9rem;border-radius:8px}.booking-modal-footer{padding:10px 16px;border-radius:0 0 18px 18px;background:var(--bg-primary);border-top:1px solid var(--border-light)}.footer-buttons{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.footer-buttons .btn{flex:none;padding:8px 16px;font-size:13px;font-weight:500;justify-content:center;border-radius:6px;height:36px;min-width:80px;max-width:120px;touch-action:manipulation;transition:all .2s ease;display:flex;align-items:center}.footer-buttons .btn:active{transform:scale(.98)}.footer-buttons .btn-primary{background:var(--btn-primary-bg)!important;color:var(--white)!important;border:2px solid var(--btn-primary-bg)!important;box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.2)}.booking-modal .footer-buttons .btn-back{background:#0000001a!important;color:var(--primary-color)!important;border:2px solid rgba(0,0,0,.2)!important;box-shadow:none!important;transition:all .2s ease!important}.booking-modal .footer-buttons .btn-back:hover:not(:disabled){background:#00000026!important;border-color:var(--primary-color)!important;color:var(--primary-hover)!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #0000001a!important}.field-error{font-size:.8rem;margin-top:4px}.submit-message{font-size:.9rem;padding:12px;border-radius:8px;margin-top:12px}}.login-required-content{text-align:center;padding:40px 20px}.login-icon{color:var(--primary-color);margin-bottom:24px}.login-required-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:16px}[data-theme=dark] .booking-modal{background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-xl)}[data-theme=dark] .booking-modal-overlay{background:#000c}[data-theme=dark] .booking-modal-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);border-bottom:1px solid var(--border-color)}[data-theme=dark] .step-number{background:var(--bg-tertiary)!important;color:var(--text-muted)!important;border:3px solid var(--bg-primary)!important;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .booking-modal-content{background:var(--bg-primary)}[data-theme=dark] .step-header h3{color:var(--text-primary)}[data-theme=dark] .step-header p{color:var(--text-secondary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{border-color:var(--primary-color);background:var(--bg-primary)}[data-theme=dark] .validation-error{color:var(--danger-color)}[data-theme=dark] .slot-message{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)}[data-theme=dark] .no-slots-container{background:var(--bg-secondary);border:1px solid var(--border-color)}[data-theme=dark] .no-slots-suggestions h4{color:var(--text-primary)}[data-theme=dark] .no-slots-suggestions ul li{color:var(--text-secondary)}[data-theme=dark] .slot-dropdown-trigger{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}[data-theme=dark] .slot-dropdown-trigger:hover{border-color:var(--primary-color);background:var(--bg-primary)}[data-theme=dark] .dropdown-trigger-content{color:var(--text-primary)}[data-theme=dark] .dropdown-trigger-content span{color:var(--text-primary)!important}[data-theme=dark] .dropdown-arrow{color:var(--text-secondary)}[data-theme=dark] .slot-dropdown-menu{background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}[data-theme=dark] .slot-item{border-bottom:1px solid var(--border-color)}[data-theme=dark] .slot-item:hover{background:var(--bg-secondary)}[data-theme=dark] .slot-item.selected{background:var(--primary-color)!important;color:var(--white)!important}[data-theme=dark] .slot-item.selected .slot-time,[data-theme=dark] .slot-item.selected .slot-doctor,[data-theme=dark] .slot-item.selected .slot-location{color:var(--white)!important}[data-theme=dark] .slot-time{color:var(--text-primary)}[data-theme=dark] .slot-doctor{color:var(--text-secondary)}[data-theme=dark] .slot-location{color:var(--text-muted)}[data-theme=dark] .slot-dropdown-item{background:var(--bg-primary);color:var(--text-primary);border-bottom:1px solid var(--border-color)}[data-theme=dark] .slot-dropdown-item:hover:not(:disabled){background:var(--bg-secondary)!important;color:var(--text-primary)!important;transform:translate(4px)}[data-theme=dark] .slot-dropdown-item:hover:not(:disabled) .slot-time,[data-theme=dark] .slot-dropdown-item:hover:not(:disabled) .slot-doctor,[data-theme=dark] .slot-dropdown-item:hover:not(:disabled) .slot-location{color:var(--text-primary)!important}[data-theme=dark] .slot-dropdown-item.selected{background:var(--primary-color)!important;color:var(--white)!important;border-left:4px solid var(--white)}[data-theme=dark] .slot-dropdown-item.selected .slot-time,[data-theme=dark] .slot-dropdown-item.selected .slot-doctor,[data-theme=dark] .slot-dropdown-item.selected .slot-location{color:var(--white)!important}[data-theme=dark] .slot-dropdown-item .slot-time{color:var(--text-primary)}[data-theme=dark] .slot-dropdown-item .slot-doctor{color:var(--text-secondary)}[data-theme=dark] .slot-dropdown-item .slot-location{color:var(--text-muted)}[data-theme=dark] .slot-period-group{border-bottom:1px solid var(--border-color)}[data-theme=dark] .period-header{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .period-title{color:var(--text-primary)!important;font-weight:600}[data-theme=dark] .period-count{color:var(--text-secondary)!important}[data-theme=dark] .slot-status-badge.available{background:var(--success-color);color:var(--white);border:1px solid var(--success-color)}[data-theme=dark] .slot-status-badge.booked{background:#dc3545;color:#fff;border:1px solid #dc3545}[data-theme=dark] .slot-dropdown-item.booked{background:#dc35451a;border:1px solid rgba(220,53,69,.2);opacity:.8}[data-theme=dark] .slot-dropdown-item.booked .slot-time,[data-theme=dark] .summary-item{color:var(--text-secondary)!important}[data-theme=dark] .summary-item span{color:var(--text-primary)!important}[data-theme=dark] .summary-message{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:12px;border-radius:8px}[data-theme=dark] .submit-message{color:var(--text-primary);padding:12px;border-radius:8px;margin-top:16px}[data-theme=dark] .submit-message.success{background:#4caf501a;border:1px solid var(--success-color);color:var(--success-color)}[data-theme=dark] .submit-message.error{background:#f443361a;border:1px solid var(--danger-color);color:var(--danger-color)}[data-theme=dark] .appointment-summary{background:var(--bg-secondary);border:1px solid var(--border-color)}[data-theme=dark] .summary-section h4{color:var(--primary-color);border-bottom:2px solid var(--primary-color)}[data-theme=dark] .summary-item{color:var(--text-secondary)}[data-theme=dark] .summary-value{color:var(--text-primary)}[data-theme=dark] .booking-modal-footer{background:var(--bg-primary);border-top:2px solid var(--border-color)}@media (max-width: 768px){.footer-buttons .btn-primary{background:var(--btn-primary-bg)!important;color:var(--white)!important;border:2px solid var(--btn-primary-bg)!important;box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3)}.booking-modal .footer-buttons .btn-back{background:#0000001a!important;color:var(--primary-color)!important;border:2px solid rgba(0,0,0,.2)!important;box-shadow:none!important;transition:all .2s ease!important}.booking-modal .footer-buttons .btn-back:hover:not(:disabled){background:#00000026!important;border-color:var(--primary-color)!important;color:var(--primary-hover)!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #0000001a!important}[data-theme=dark] .footer-buttons .btn-primary{background:var(--btn-primary-bg)!important;color:var(--white)!important;border:2px solid var(--btn-primary-bg)!important;box-shadow:0 4px 12px #4175fc4d}[data-theme=dark] .booking-modal .footer-buttons .btn-back{background:#ffffff1a!important;color:var(--primary-color)!important;border:2px solid rgba(255,255,255,.2)!important;box-shadow:none!important;transition:all .2s ease!important}[data-theme=dark] .booking-modal .footer-buttons .btn-back:hover:not(:disabled){background:#ffffff26!important;border-color:var(--primary-color)!important;color:var(--primary-hover)!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #ffffff1a!important}}@media (max-width: 480px){.booking-modal .footer-buttons .btn-back{background:#0000001a!important;color:var(--primary-color)!important;border:2px solid rgba(0,0,0,.2)!important;box-shadow:none!important;transition:all .2s ease!important}.booking-modal .footer-buttons .btn-back:hover:not(:disabled){background:#00000026!important;border-color:var(--primary-color)!important;color:var(--primary-hover)!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #0000001a!important}[data-theme=dark] .booking-modal .footer-buttons .btn-back{background:#ffffff1a!important;color:var(--primary-color)!important;border:2px solid rgba(255,255,255,.2)!important;box-shadow:none!important;transition:all .2s ease!important}[data-theme=dark] .booking-modal .footer-buttons .btn-back:hover:not(:disabled){background:#ffffff26!important;border-color:var(--primary-color)!important;color:var(--primary-hover)!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #ffffff1a!important}}[data-theme=dark] .btn-primary{background:var(--primary-color)!important;color:var(--white)!important;border:2px solid var(--primary-color)!important}[data-theme=dark] .btn-primary,[data-theme=dark] .btn-primary *,[data-theme=dark] .btn-primary span{color:var(--white)!important}[data-theme=dark] .btn-primary svg{color:var(--white)!important}[data-theme=dark] .btn-primary:hover:not(:disabled){background:var(--primary-hover)!important;border-color:var(--primary-hover)!important}[data-theme=dark] .btn-primary:hover:not(:disabled),[data-theme=dark] .btn-primary:hover:not(:disabled) *,[data-theme=dark] .btn-primary:hover:not(:disabled) span{color:var(--white)!important}[data-theme=dark] .btn-primary:hover:not(:disabled) svg{color:var(--white)!important}[data-theme=light] .btn-primary svg,[data-theme=light] .btn-success svg,[data-theme=light] .btn-warning svg,[data-theme=light] .btn-danger svg,[data-theme=light] .btn-info svg{color:#fff!important}[data-theme=dark] .btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}[data-theme=dark] .btn-outline:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}[data-theme=dark] .form-group input.pre-filled,[data-theme=dark] .form-group textarea.pre-filled{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--text-primary)}[data-theme=dark] .form-group input.valid,[data-theme=dark] .form-group textarea.valid{border-color:var(--success-color);background:var(--bg-secondary)}[data-theme=dark] .form-group input.error,[data-theme=dark] .form-group textarea.error{border-color:var(--danger-color);background:var(--bg-secondary)}[data-theme=dark] .field-error{color:var(--danger-color);background-color:#f443361a;border-color:#f4433633}[data-theme=dark] .error-icon{color:var(--danger-color)}[data-theme=dark] .loading-spinner{color:var(--primary-color)}[data-theme=dark] .contact-options .btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}[data-theme=dark] .contact-options .btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}[data-theme=dark] .contact-options .btn-primary{background:var(--primary-color);color:var(--white);border:1px solid var(--primary-color)}[data-theme=dark] .contact-options .btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}[data-theme=light] .booking-modal-header h2{color:#fff!important}[data-theme=light] .form-group label{color:var(--text-primary)!important}[data-theme=light] .btn-primary,[data-theme=light] .btn-primary *,[data-theme=light] .btn-primary span{color:var(--white)!important}[data-theme=light] .slot-dropdown-button,[data-theme=light] .slot-option,[data-theme=light] .appointment-summary{color:var(--text-primary)!important}[data-theme=light] .summary-item{color:var(--text-secondary)!important}[data-theme=light] .summary-value{color:var(--text-primary)!important}[data-theme=light] .submit-message.success{color:#155724!important;background-color:#d4edda!important}[data-theme=light] .submit-message.error{color:#721c24!important;background-color:#f8d7da!important}[data-theme=light] .slot-status-badge{color:var(--white)!important}[data-theme=light] .slot-status-badge.available{background:#28a745!important;color:var(--white)!important;border:1px solid #28a745!important}[data-theme=light] .period-title{color:var(--text-primary)!important}[data-theme=light] .period-count{color:var(--text-secondary)!important}.login-required-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:32px;max-width:400px;margin-left:auto;margin-right:auto}.login-benefits{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;max-width:300px;margin-left:auto;margin-right:auto}.benefit-item{display:flex;align-items:center;gap:12px;color:var(--dark-color);font-weight:500}.benefit-item svg{color:#28a745;flex-shrink:0}.login-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.login-actions .btn{padding:12px 24px;font-weight:500;border-radius:8px;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}@media (max-width: 480px){.login-actions{flex-direction:column;gap:12px}.login-actions .btn{width:100%}}.no-slots-container{text-align:center;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.no-slots-suggestions{margin-top:20px;text-align:left;max-width:400px;margin-left:auto;margin-right:auto}.no-slots-suggestions h4{color:var(--primary-color);font-size:1rem;font-weight:600;margin-bottom:12px;text-align:center}.no-slots-suggestions ul{list-style:none;padding:0;margin-bottom:20px}.no-slots-suggestions li{color:var(--text-secondary);font-size:.9rem;position:relative;padding:8px 0 8px 20px}.no-slots-suggestions li:before{content:"•";color:var(--primary-color);position:absolute;left:0;font-weight:700}.contact-options{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-small{padding:8px 16px;font-size:.85rem;border-radius:6px}@media (max-width: 480px){.contact-options{flex-direction:column;gap:8px}.contact-options .btn{width:100%}}.slot-info{margin-top:20px;padding:16px;background:#e8f5e8;border-radius:8px;border-left:4px solid var(--primary-color)}.slot-info p{margin:0 0 12px;color:var(--primary-color);font-weight:600}.slot-info ul{margin:0;padding-left:20px}.slot-info li{color:#333;font-size:.85rem;margin-bottom:6px;line-height:1.4}.slot-info strong{color:var(--primary-color)}.date-info{display:block;margin-top:6px;color:#666;font-size:.8rem;font-style:italic;line-height:1.3}:root{--flos-primary: #4a6741;--flos-secondary: #8fbc8f;--flos-accent: #f4f8f4;--flos-text-dark: #2c3e2d;--flos-text-light: #6b7c6b;--flos-white: #ffffff;--flos-border: #e8f0e8;--flos-shadow: 0 4px 20px rgba(74, 103, 65, .1);--flos-shadow-lg: 0 8px 30px rgba(74, 103, 65, .15);--flos-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.flos-header{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;background:var(--flos-white);box-shadow:var(--flos-shadow);transition:var(--flos-transition)}.flos-header.scrolled{box-shadow:var(--flos-shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}[data-theme=dark] .flos-header{background:#1a1a1a;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .flos-main-header{background:#1a1a1a;border-bottom:1px solid #333}[data-theme=dark] .logo-text h1{color:#fff}[data-theme=dark] .logo-text .tagline{color:#ccc}[data-theme=dark] .nav-link{color:#fff}[data-theme=dark] .nav-link:hover{color:var(--flos-secondary)}[data-theme=dark] .toggle-track{background:#1f2937!important}[data-theme=dark] .theme-toggle-switch.light .toggle-track{background:#374151!important}[data-theme=dark] .toggle-thumb{background:#f9fafb}[data-theme=dark] .theme-toggle-switch.dark .toggle-thumb{background:#111827}[data-theme=dark] .user-profile-btn{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .user-profile-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}[data-theme=dark] .user-name{color:var(--text-primary)}[data-theme=dark] .user-dropdown{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .user-dropdown .dropdown-link.logout-btn{color:#ef4444!important}[data-theme=dark] .user-dropdown .dropdown-link.logout-btn:hover{background:none!important;color:#f87171!important;text-decoration:underline!important}[data-theme=dark] .dropdown-header{border-bottom-color:var(--border-color)}[data-theme=dark] .user-display-name{color:var(--text-primary)}[data-theme=dark] .user-email{color:var(--text-secondary)}[data-theme=dark] .dropdown-divider{background:var(--border-color)}[data-theme=dark] .dropdown-link{color:var(--text-primary)}[data-theme=dark] .dropdown-link:hover{background:var(--bg-tertiary);color:var(--primary-color)}.flos-main-header{background:var(--flos-white);padding:1rem 0;border-bottom:1px solid var(--flos-border)}.main-header-content{display:flex;justify-content:space-between;align-items:center}.flos-logo{display:flex;align-items:center}.logo-link{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--flos-text-dark)}.logo-icon{font-size:2.5rem;color:var(--flos-primary)}.logo-text h1{font-size:1.75rem;font-weight:700;color:var(--flos-text-dark);margin:0;line-height:1.2}.logo-text .tagline{font-size:.875rem;color:var(--flos-text-light);font-weight:400;display:block;margin-top:.25rem}.flos-nav{display:flex;align-items:center}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:2.5rem}.nav-menu li{position:relative}.nav-link{color:var(--flos-text-dark);text-decoration:none;font-weight:500;font-size:1rem;padding:.75rem 0;transition:var(--flos-transition);position:relative}.nav-link:hover{color:var(--flos-primary)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--flos-primary);transition:var(--flos-transition)}.nav-link:hover:after{width:100%}.nav-link.active{color:var(--flos-primary);font-weight:600}.nav-link.active:after{width:100%;background:var(--flos-primary)}.nav-dropdown{position:relative}.dropdown-arrow{font-size:.75rem;margin-left:.5rem;transition:var(--flos-transition)}.nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--flos-white);box-shadow:var(--flos-shadow-lg);border-radius:8px;padding:1rem 0;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--flos-transition);list-style:none;margin:0;border:1px solid var(--flos-border)}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{margin:0}.dropdown-menu a{display:block;padding:.75rem 1.5rem;color:var(--flos-text-dark);text-decoration:none;transition:var(--flos-transition)}.dropdown-menu a:hover{background:var(--flos-accent);color:var(--flos-primary)}.flos-header-actions{display:flex;align-items:center;gap:1rem}.theme-switch{--size: 2rem;--icon-fill: hsl(210 10% 20%);--icon-fill-hover: hsl(210 10% 10%);background:none;border:none;padding:0;inline-size:var(--size);block-size:var(--size);aspect-ratio:1;border-radius:50%;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline-offset:5px}.theme-switch>svg{inline-size:100%;block-size:100%;stroke-linecap:round}.sun-and-moon>:is(.moon,.sun,.sun-beams){transform-origin:center center}.sun-and-moon>:is(.moon,.sun){fill:var(--icon-fill)}.sun-and-moon>.sun-beams{stroke:var(--icon-fill);stroke-width:2px}.theme-switch:is(:hover,:focus-visible)>.sun-and-moon>:is(.moon,.sun){fill:var(--icon-fill-hover)}.theme-switch:is(:hover,:focus-visible)>.sun-and-moon>.sun-beams{stroke:var(--icon-fill-hover)}.theme-switch[data-theme=light]{--icon-fill: hsl(210 10% 20%);--icon-fill-hover: hsl(210 10% 10%)}.theme-switch[data-theme=dark]{--icon-fill: hsl(210 10% 70%);--icon-fill-hover: hsl(210 15% 90%)}.theme-switch[data-theme=dark]>.sun-and-moon>.sun{transform:scale(1.75)}.theme-switch[data-theme=dark]>.sun-and-moon>.sun-beams{opacity:0;visibility:hidden}.theme-switch[data-theme=dark]>.sun-and-moon>.moon>circle{transform:translate(-7px)}@supports (cx: 1){.theme-switch[data-theme=dark]>.sun-and-moon>.moon>circle{transform:translate(-7px);cx:17}}@media (prefers-reduced-motion: no-preference){.sun-and-moon>.sun{transition:transform .2s ease-out}.sun-and-moon>.sun-beams{transition:transform .2s ease-out,opacity .15s ease-out}.sun-and-moon .moon>circle{transition:transform .15s ease-out}@supports (cx: 1){.sun-and-moon .moon>circle{transition:cx .15s ease-out}}.theme-switch[data-theme=dark]>.sun-and-moon>.sun{transition:transform .2s ease-out;transform:scale(1.75)}.theme-switch[data-theme=dark]>.sun-and-moon>.sun-beams{transform:rotate(-25deg);opacity:0;visibility:hidden;transition:transform .15s ease-out,opacity .1s ease-out}.theme-switch[data-theme=dark]>.sun-and-moon>.moon>circle{transition:transform .15s ease-out}}:root{--ease-fast: cubic-bezier(.25, .46, .45, .94);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}.theme-switch{color:var(--flos-text-dark);transition:color .15s ease-out,transform .15s ease-out;will-change:transform}.theme-switch:hover{transform:scale(1.05)}[data-theme=light] .theme-switch,[data-theme=dark] .theme-switch{color:var(--text-primary)}[data-theme=light] .header.dark-bg .dropdown-chevron,[data-theme=light] .header.dark-bg .user-profile-btn svg,[data-theme=light] .header.dark-bg .dropdown-link svg,[data-theme=light] .dropdown-chevron,[data-theme=light] .user-profile-btn svg,[data-theme=light] .dropdown-link svg{color:var(--text-primary)!important}[data-theme=dark] .dropdown-chevron,[data-theme=dark] .user-profile-btn svg,[data-theme=dark] .dropdown-link svg{color:var(--text-primary)!important}[data-theme=dark] .theme-switch .sun-beams{opacity:0!important;visibility:hidden!important}.flos-btn{padding:.75rem 1.5rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:.875rem;transition:var(--flos-transition);cursor:pointer;border:2px solid transparent;display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.flos-btn.btn-outline{background:transparent;color:var(--flos-primary);border-color:var(--flos-primary)}.flos-btn.btn-outline:hover{background:var(--flos-primary);color:var(--flos-white)}.flos-btn.btn-primary{background:var(--flos-primary);color:var(--flos-white);border-color:var(--flos-primary);box-shadow:0 4px 15px #4a67414d}.flos-btn.btn-primary:hover{background:var(--flos-text-dark);border-color:var(--flos-text-dark);transform:translateY(-2px);box-shadow:0 6px 20px #4a674166}.appointment-btn{animation:pulse-glow 3s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px #4a67414d}50%{box-shadow:0 4px 25px #4a674180}}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;width:30px;height:30px;background:none;border:none;cursor:pointer;padding:0;gap:4px}.hamburger-line{width:100%;height:3px;background:var(--flos-text-dark);border-radius:2px;transition:var(--flos-transition)}[data-theme=dark] .hamburger-line{background:var(--text-primary)}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.flos-mobile-nav{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999;visibility:hidden;opacity:0;pointer-events:none;transition:var(--flos-transition)}.flos-mobile-nav.active{visibility:visible;opacity:1;pointer-events:auto}.mobile-nav-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mobile-nav-content{position:absolute;top:0;right:0;width:320px;height:100%;background:var(--flos-white);box-shadow:var(--flos-shadow-lg);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column}.flos-mobile-nav.active .mobile-nav-content{transform:translate(0)}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--flos-border);background:var(--flos-accent)}.mobile-nav-header .mobile-logo{display:flex;align-items:center;gap:.75rem}.mobile-nav-header .logo-icon{font-size:1.5rem;color:var(--flos-primary)}.mobile-nav-header .logo-text h2{font-size:1.25rem;color:var(--flos-text-dark);margin:0}.mobile-nav-header .logo-text span{font-size:.75rem;color:var(--flos-text-light)}.mobile-nav-close{background:none;border:none;font-size:1.5rem;color:var(--flos-text-dark);cursor:pointer;padding:.5rem;border-radius:50%;transition:var(--flos-transition)}.mobile-nav-close:hover{background:var(--flos-border)}.mobile-nav-menu{padding:1rem 0;flex:1;display:flex;flex-direction:column}.mobile-nav-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:var(--flos-text-dark);text-decoration:none;transition:var(--flos-transition);border:none;background:none;width:100%;text-align:left;cursor:pointer;font-weight:500;font-size:1rem;border-bottom:1px solid var(--flos-border)}.mobile-nav-link:hover{background:var(--flos-accent);color:var(--flos-primary)}.mobile-nav-link.active{background:var(--flos-primary);color:var(--flos-white);font-weight:600}.mobile-nav-link.active:hover{background:var(--flos-primary);color:var(--flos-white)}.mobile-nav-link.active svg,.mobile-nav-link.active:hover svg{color:#fff!important}.nav-icon{font-size:1.1rem;width:20px;text-align:center}.mobile-nav-dropdown{border-bottom:1px solid var(--flos-border)}.dropdown-toggle{justify-content:space-between}.mobile-dropdown-menu{background:var(--flos-accent);padding-left:2rem}.mobile-dropdown-link{display:block;padding:.75rem 1.5rem;color:var(--flos-text-light);text-decoration:none;font-size:.9rem;transition:var(--flos-transition)}.mobile-dropdown-link:hover{color:var(--flos-primary);background:var(--flos-border)}.mobile-nav-footer{padding:1.5rem;border-top:1px solid var(--flos-border);background:var(--flos-accent);margin-top:auto}.mobile-contact-info{text-align:center}.mobile-contact-info p{margin:.5rem 0;color:var(--flos-text-light);font-size:.875rem}.mobile-appointment-btn{width:100%;justify-content:center;margin-bottom:1rem}.mobile-contact-info{text-align:center;font-size:.875rem;color:var(--flos-text-light)}.mobile-contact-info p{margin:.5rem 0}.user-menu{position:relative}.user-profile-btn{background:var(--flos-white);border:1px solid var(--flos-border);color:var(--flos-text-dark);padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-weight:500;transition:var(--flos-transition);display:flex;align-items:center;gap:.5rem;box-shadow:0 1px 3px #0000000f;min-width:auto}.user-profile-btn:hover{background:var(--flos-accent);border-color:var(--flos-primary);transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.user-name{font-size:.875rem;font-weight:500;color:var(--flos-text-dark);white-space:nowrap}.dropdown-chevron{transition:transform .2s ease;flex-shrink:0}.user-menu[data-open=true] .dropdown-chevron{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--flos-white);border:1px solid var(--flos-border);border-radius:8px;box-shadow:0 4px 16px #0000001a;min-width:160px;padding:.5rem 0;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .2s cubic-bezier(.4,0,.2,1)}.user-menu:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.dropdown-divider{height:1px;background:var(--flos-border);margin:.25rem 0}.dropdown-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:var(--flos-text-dark);text-decoration:none;transition:var(--flos-transition);border:none;background:none;width:100%;text-align:left;cursor:pointer;font-weight:500;font-size:.875rem}.user-dropdown .dropdown-link.logout-btn{color:#dc2626!important;margin:0!important;padding:.5rem .75rem!important;width:100%!important;border:none!important;border-radius:0!important;background:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;font-weight:500!important;font-size:.875rem!important;gap:.5rem!important}.user-dropdown .dropdown-link.logout-btn:hover{background:none!important;color:#b91c1c!important;text-decoration:underline!important}.dropdown-link:hover{background:var(--flos-accent);color:var(--flos-primary)}.dropdown-link svg{width:14px;height:14px;opacity:.7}.mobile-nav-link.logout-btn{color:#dc2626!important;text-align:left!important;justify-content:flex-start!important;border:none!important;border-radius:0!important;margin:.5rem 0!important;padding:1rem 1.5rem!important;width:100%!important;display:flex!important;align-items:center!important;background:none!important;font-weight:600!important;font-size:1rem!important;gap:1rem!important;transition:all .3s ease!important}.mobile-nav-link.logout-btn:hover{background:none!important;color:#b91c1c!important;text-decoration:underline!important}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 768px){.flos-top-bar,.contact-info,.flos-nav.desktop-only,.desktop-only{display:none}.mobile-only,.mobile-menu-toggle{display:flex}.flos-header-actions{gap:.5rem}.auth-actions,.appointment-btn{display:none}.logo-text h1{font-size:1.5rem}.logo-text .tagline{font-size:.75rem}.main-header-content{padding:.5rem 0}}@media (max-width: 480px){.container{padding:0 .75rem}.logo-text h1{font-size:1.25rem}.logo-icon{font-size:2rem}.mobile-nav-content{width:280px}}[data-theme=dark] .flos-header,[data-theme=dark] .flos-main-header{background:var(--bg-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .logo-text h1,[data-theme=dark] .nav-link{color:var(--text-primary)}[data-theme=dark] .nav-link.active{color:var(--primary-color);font-weight:600}[data-theme=dark] .nav-link.active:after{background:var(--primary-color)}[data-theme=dark] .logo-text .tagline{color:var(--text-secondary)}[data-theme=dark] .dropdown-menu{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .mobile-nav-content{background:var(--bg-primary)}[data-theme=dark] .mobile-nav-header{background:var(--bg-secondary);border-bottom-color:var(--border-color)}[data-theme=dark] .mobile-nav-header .logo-text h2{color:var(--text-primary)}[data-theme=dark] .mobile-nav-header .logo-text span{color:var(--text-secondary)}[data-theme=dark] .mobile-nav-close{color:var(--text-primary)}[data-theme=dark] .mobile-nav-close:hover{background:var(--bg-tertiary)}[data-theme=dark] .mobile-nav-link{color:var(--text-primary)}[data-theme=dark] .mobile-nav-link:hover{background:var(--bg-tertiary);color:var(--primary-color)}[data-theme=dark] .mobile-nav-link.active{background:var(--primary-color);color:var(--white);font-weight:600}[data-theme=dark] .mobile-nav-link.active:hover{background:var(--primary-color);color:var(--white)}[data-theme=dark] .mobile-nav-footer{background:var(--bg-secondary);border-top-color:var(--border-color)}[data-theme=dark] .mobile-contact-info p{color:var(--text-secondary)}[data-theme=dark] .mobile-nav-link.logout-btn{color:#ef4444!important;text-align:left!important;justify-content:flex-start!important;border:none!important;border-radius:0!important;margin:.5rem 0!important;padding:1rem 1.5rem!important;width:100%!important;display:flex!important;align-items:center!important;background:none!important;font-weight:600!important;font-size:1rem!important;gap:1rem!important;transition:all .3s ease!important}[data-theme=dark] .mobile-nav-link.logout-btn:hover{background:none!important;color:#f87171!important;text-decoration:underline!important}[data-theme=dark] .mobile-nav-link{border-bottom-color:var(--border-color)}[data-theme=dark] .mobile-nav-overlay{background:#000000b3}.user-btn:hover{background:var(--light-bg);color:var(--primary-color)}.user-dropdown{position:absolute;top:100%;right:0;background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);padding:8px 0;min-width:150px;z-index:1000;margin-top:5px}.user-dropdown a,.user-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 15px;background:none;border:none;color:var(--text-primary);text-decoration:none;cursor:pointer;transition:background .3s ease;font-size:14px}.user-dropdown a:hover,.user-dropdown button:hover{background:var(--light-bg);color:var(--primary-color)}.auth-buttons{display:flex;align-items:center;gap:10px}.auth-buttons .btn{padding:10px 20px;font-size:14px;font-weight:500}.header-book-btn{background:var(--primary-color)!important;color:#fff!important;border:2px solid var(--primary-color)!important;font-weight:600!important;animation:pulse-header 3s infinite}.header-book-btn:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important;transform:translateY(-1px)}@keyframes pulse-header{0%,to{box-shadow:0 0 #4a674166}50%{box-shadow:0 0 0 8px #4a674100}}@media (max-width: 768px){.flos-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--flos-white);box-shadow:0 2px 10px #0000001a}.flos-main-header{padding:1rem 0;background:var(--flos-white)}.main-header-content{display:flex;justify-content:space-between;align-items:center;padding:0}.flos-logo .logo-text h1{color:var(--flos-text-dark);font-size:1.5rem;font-weight:700;margin:0}.flos-logo .logo-text .tagline{color:var(--flos-text-light);font-size:.75rem}.flos-header-actions{display:flex;align-items:center;gap:.5rem}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--flos-text-dark);cursor:pointer;border-radius:6px;transition:background-color .3s ease}.mobile-menu-toggle:hover{background:var(--flos-accent)}.mobile-menu-toggle svg{width:20px;height:20px}[data-theme=dark] .flos-header,[data-theme=dark] .flos-main-header{background:var(--bg-primary)}[data-theme=dark] .flos-logo .logo-text h1{color:var(--text-primary)}[data-theme=dark] .flos-logo .logo-text .tagline{color:var(--text-secondary)}[data-theme=dark] .mobile-menu-toggle{color:var(--text-primary)}[data-theme=dark] .mobile-menu-toggle:hover{background:var(--bg-tertiary)}.theme-switch{--size: 1.5rem;color:var(--flos-text-dark)}[data-theme=dark] .theme-switch{color:var(--text-primary)}.user-profile-btn{background:var(--flos-white);border-color:var(--flos-border);color:var(--flos-text-dark)}[data-theme=dark] .user-profile-btn{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.user-name{color:var(--flos-text-dark)}[data-theme=dark] .user-name{color:var(--text-primary)}}@media (max-width: 544px){.logo h2{font-size:1.4rem!important;color:#fff!important}.main-header{padding:.8rem}.mobile-menu-toggle{width:28px;height:28px}.mobile-menu-toggle svg{width:18px;height:18px}.theme-switch{--size: 1.25rem}.contact-info{gap:10px}}.footer{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:var(--white);margin-top:auto;border-top:1px solid rgba(74,103,65,.2);transition:all var(--transition-normal);padding:0;position:relative;overflow:hidden;z-index:1}.footer-main{padding:60px 0 40px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.footer-section h3{color:var(--white);font-size:1.8rem;font-weight:900;margin-bottom:20px;text-transform:uppercase;letter-spacing:-.02em}.footer-section h4{color:var(--white);font-size:1.2rem;font-weight:600;margin-bottom:20px}.footer-section p{color:#ffffffe6;line-height:1.6;margin-bottom:20px}.social-links{display:flex;gap:15px}.whatsapp-btn{display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#25d366,#1da851);color:var(--white);border:none;border-radius:30px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 2px 8px #25d36633}.whatsapp-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #25d3664d;background:linear-gradient(135deg,#1da851,#25d366)}.whatsapp-btn:active{transform:translateY(0);transition:all .1s ease}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:10px}.footer-links a,.footer-links li{color:#fffc;text-decoration:none;transition:color var(--transition-normal)}.footer-links a:hover{color:var(--white)}.footer-booking-link{background:none;border:none;color:#fffc;text-decoration:none;transition:color var(--transition-normal);cursor:pointer;font-size:inherit;font-family:inherit;padding:0;text-align:left}.footer-booking-link:hover{color:var(--white)}.contact-info{display:flex;flex-direction:column;gap:15px}.contact-item{display:flex;align-items:flex-start;gap:10px;color:var(--white)}.contact-item svg{color:var(--white);margin-top:2px;flex-shrink:0}[data-theme=light] .contact-item{color:var(--primary-color)}[data-theme=light] .contact-item svg{color:var(--primary-color)}.footer-bottom{background-color:#ffffff14;padding:20px 0;border-top:1px solid rgba(255,255,255,.08)}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center}.copyright p{color:var(--white);margin:0;font-size:14px}.footer-bottom-links{display:flex;gap:30px}.footer-bottom-links a{color:var(--white);text-decoration:none;font-size:14px;transition:color .3s ease}.footer-bottom-links a:hover{color:var(--primary-color)}@media (max-width: 768px){.footer-main{padding:40px 0 30px}.footer-content{grid-template-columns:1fr;gap:30px}.footer-bottom-content{flex-direction:column;gap:15px;text-align:center}.footer-bottom-links{gap:20px}}@media (max-width: 544px){.footer-section h3{font-size:1.3rem}.footer-section h4{font-size:1.1rem}.social-links{justify-content:center}.footer-bottom-links{flex-direction:column;gap:10px}.contact-item{align-items:center}}.dynamic-reviews{width:100%}.reviews-loading,.reviews-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--text-secondary)}.loading-spinner{animation:spin 1s linear infinite}.retry-button{margin-top:1rem;padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.retry-button:hover{background:#0056b3}.place-details{background:var(--bg-tertiary);padding:1.5rem;border-radius:var(--border-radius);margin-bottom:1.5rem;border:1px solid var(--border-color)}.place-header{margin-bottom:1rem}.place-header h3{margin:0;color:var(--text-primary);font-size:1.25rem}.place-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.rating-stars{display:flex;gap:2px}.star-filled{color:#ffc107}.star-empty{color:#dee2e6}.rating-text{font-weight:500;color:var(--text-primary)}.place-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;color:var(--text-secondary);font-size:.9rem}.reviews-list{display:flex;flex-direction:column;gap:1rem}.review-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;transition:box-shadow var(--transition-normal)}.review-card:hover{box-shadow:0 2px 8px #0000001a}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.reviewer-info{display:flex;align-items:center;gap:.75rem}.reviewer-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.reviewer-name{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:var(--text-primary)}.review-rating{display:flex;gap:2px}.review-time{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.review-text{color:var(--text-color);line-height:1.5;font-size:.9rem}.no-reviews{text-align:center;color:var(--text-secondary);font-style:italic;padding:2rem}@media (max-width: 768px){.review-header{flex-direction:column;align-items:flex-start;gap:.5rem}.reviewer-info{width:100%}.review-time{align-self:flex-end}}.slot-message{padding:1rem;background:var(--light-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);text-align:center;margin:0}.slot-dropdown-container{position:relative;width:100%}.slot-dropdown-trigger{width:100%;padding:1rem;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left}.slot-dropdown-trigger:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff26}.slot-dropdown-trigger.open{border-color:#007bff;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 2px 8px #007bff26}.dropdown-trigger-content{display:flex;align-items:center;gap:.75rem;color:var(--text-primary)}.dropdown-trigger-content span{flex:1;font-weight:500}.dropdown-arrow{transition:transform .3s ease;color:var(--text-muted);font-size:.8rem}.dropdown-arrow.rotated{transform:rotate(180deg)}.slot-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #007bff;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #007bff26;z-index:1000;max-height:400px;overflow:hidden;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:400px}}.dropdown-header{padding:1rem;border-bottom:1px solid #e9ecef;background:#f8f9fa}.slot-search-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;outline:none;transition:border-color .3s}.slot-search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.past-slots-info{margin-top:.75rem;padding:.5rem .75rem;background:var(--light-bg);border:1px solid var(--border-color);border-radius:6px;font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem;opacity:.9}.info-icon{font-size:.9rem}.past-slots-info-standalone{margin-top:.75rem;padding:.75rem;background:var(--light-bg);border:1px solid var(--border-color);border-radius:6px;font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem;text-align:left;opacity:.9}.dropdown-content{max-height:300px;overflow-y:auto;padding:.5rem 0}.slot-period-group{margin-bottom:.5rem}.period-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem .5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);position:static;z-index:1}.period-title{font-weight:600;color:var(--text-primary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.period-count{font-size:.8rem;color:var(--text-muted);background:var(--card-bg);padding:.25rem .5rem;border-radius:12px;border:1px solid var(--border-color)}.period-slots{padding:0 .5rem}.slot-dropdown-item{width:100%;padding:.75rem 1rem;background:#fff;border:none;border-radius:6px;margin-bottom:.25rem;cursor:pointer;transition:all .3s ease;text-align:left}.slot-dropdown-item:hover:not(:disabled){background:#f8f9fa;transform:translate(4px)}.slot-dropdown-item.selected{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left:4px solid #007bff}.slot-dropdown-item.booked{background:#f8f9fa;opacity:.6;cursor:not-allowed}.slot-item-content{display:flex;justify-content:space-between;align-items:center}.slot-time-info{display:flex;flex-direction:column;gap:.25rem}.slot-time{font-weight:600;color:var(--text-primary);font-size:.95rem}.slot-location{font-size:.8rem;color:var(--text-muted)}.slot-status-badge{padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.slot-status-badge.booked{background:var(--danger-color);color:var(--white)}.slot-status-badge.selected{background:#007bff;color:#fff}.no-slots-found{padding:2rem;text-align:center;color:var(--text-muted)}.no-slots-found p{margin:0;font-style:italic}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin-top:.5rem}.slot-button{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;padding:.75rem;cursor:pointer;transition:all .3s;text-align:center;box-shadow:var(--shadow-sm);min-height:85px;display:flex;flex-direction:column;justify-content:center;color:var(--text-primary)}.slot-button:hover{border-color:var(--primary-color);background:var(--light-bg);box-shadow:var(--shadow-md);transform:translateY(-1px)}.slot-button.selected{border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:var(--white);box-shadow:var(--shadow-md)}.slot-button.selected .slot-period{color:#fffc}.slot-button.booked{border-color:var(--danger-color);background:var(--light-bg);color:var(--text-muted);cursor:not-allowed;opacity:.7}.slot-button.booked:hover{border-color:var(--danger-color);background:var(--light-bg)}.slot-time{font-weight:600;margin-bottom:.25rem;font-size:.95rem;color:var(--text-primary)}.slot-location{font-size:.8rem;opacity:.8;text-transform:capitalize;margin-bottom:.2rem}.slot-period{font-size:.7rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.slot-booked-indicator{font-size:.7rem;color:var(--danger-color);font-weight:600;margin-top:.25rem}.selected-slot-info{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:8px;border-left:4px solid #007bff}.selected-slot-info p{margin:0;font-size:.95rem;color:var(--text-primary)}.selected-location{color:var(--primary-color);font-weight:500}.selected-period{color:var(--text-muted);font-size:.85rem}@media (max-width: 768px){.slots-grid{grid-template-columns:1fr}.slot-dropdown-menu{max-height:350px}.dropdown-content{max-height:250px}.slot-dropdown-trigger{padding:.75rem}.dropdown-trigger-content{gap:.5rem}.dropdown-trigger-content span{font-size:.9rem}.slot-dropdown-item{padding:.6rem .75rem}.slot-time{font-size:.9rem}.slot-location{font-size:.75rem}.period-header{padding:.5rem .75rem .25rem}.period-title{font-size:.8rem}.period-count{font-size:.7rem;padding:.2rem .4rem}}.hero.flos-hero{position:relative;background:var(--bg-primary);padding:140px 0 60px;min-height:90vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,var(--bg-primary) 0%,rgba(74,103,65,.02) 100%)}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.hero-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 20%,rgba(74,103,65,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(107,142,90,.03) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(74,103,65,.04) 0%,transparent 50%);animation:flos-subtle-zoom 20s ease-in-out infinite}.hero-floating-shapes{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.floating-shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#4a67411a,#6b8e5a0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(74,103,65,.1)}.shape-1{width:120px;height:120px;top:10%;left:5%;animation:flos-gentle-float-1 25s ease-in-out infinite}.shape-2{width:80px;height:80px;top:60%;right:10%;animation:flos-gentle-float-2 30s ease-in-out infinite reverse}.shape-3{width:60px;height:60px;bottom:20%;left:15%;animation:flos-gentle-float-3 22s ease-in-out infinite}.shape-4{width:100px;height:100px;top:30%;right:20%;animation:flos-gentle-float-4 28s ease-in-out infinite reverse}@keyframes flos-subtle-zoom{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1);opacity:1}}@keyframes flos-gentle-float-1{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.6}50%{transform:translateY(-15px) translate(8px) scale(1);opacity:.8}}@keyframes flos-gentle-float-2{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.5}50%{transform:translateY(-12px) translate(-6px) scale(1);opacity:.7}}@keyframes flos-gentle-float-3{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.4}50%{transform:translateY(-10px) translate(5px) scale(1);opacity:.6}}@keyframes flos-gentle-float-4{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.5}50%{transform:translateY(-18px) translate(-10px) scale(1);opacity:.7}}.hero-content.flos-layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-left-section,.hero-right-section{width:100%}.hero-left-section{display:flex;flex-direction:column;gap:2rem}.hero-large-typography{position:relative}.hero-main-title{font-size:clamp(4rem,8vw,8rem);font-weight:900;line-height:.9;margin:0;color:var(--primary-color);letter-spacing:-.02em;text-transform:uppercase;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.hero-animated{animation:flos-hero-entrance 1.2s cubic-bezier(.25,.46,.45,.94) both;animation-delay:.3s}.hero-fade-in{animation:flos-fade-in-up 1s cubic-bezier(.25,.46,.45,.94) both}.hero-fade-in:nth-child(1){animation-delay:.6s}.hero-fade-in:nth-child(2){animation-delay:.8s}.hero-fade-in:nth-child(3){animation-delay:1s}.hero-image-animated{animation:flos-image-entrance 1.4s cubic-bezier(.25,.46,.45,.94) both;animation-delay:.1s}.hero-content.flos-layout{animation:flos-container-entrance 1s cubic-bezier(.25,.46,.45,.94) both;animation-delay:0s}.title-line{display:block;position:relative;overflow:hidden}.title-line.healing{color:var(--primary-color);margin-bottom:-.2em}.title-line.nature{color:var(--secondary-color);position:relative;z-index:2}.hero-description-section{max-width:500px}.hero-right-section{position:relative;display:flex;justify-content:center;align-items:center}.hero-image-container{position:relative;width:400px;height:480px;border-radius:20px;overflow:hidden}.hero-main-image{width:100%;height:100%;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #4a674133}.hero-img{width:100%;height:100%;object-fit:cover;border-radius:20px}.hero-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-image-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.05) 0%,transparent 50%)}.hero-image-content{position:relative;z-index:2;text-align:center;color:var(--white);display:flex;flex-direction:column;align-items:center;gap:16px}.hero-image-icon{width:120px;height:120px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.hero-image-text{font-size:1.8rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.3);margin-bottom:8px}.hero-image-subtitle{font-size:1.2rem;font-weight:500;text-shadow:0 2px 10px rgba(0,0,0,.2);opacity:.9}.hero-decorative-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.hero-flower-decoration{position:absolute;bottom:-20px;left:-20px;width:100px;height:100px;z-index:2}.flower-petals{width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%236b8e5a'%3E%3Ccircle cx='50' cy='30' r='15' opacity='0.7'/%3E%3Ccircle cx='70' cy='50' r='15' opacity='0.7'/%3E%3Ccircle cx='50' cy='70' r='15' opacity='0.7'/%3E%3Ccircle cx='30' cy='50' r='15' opacity='0.7'/%3E%3Ccircle cx='50' cy='50' r='10' fill='%23f4d03f'/%3E%3C/svg%3E") no-repeat center;background-size:contain;animation:rotate 30s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#4a67411a;color:var(--primary-color);padding:8px 16px;border-radius:50px;font-size:.875rem;font-weight:500;margin-bottom:24px;border:1px solid rgba(74,103,65,.2)}.hero-subtitle{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem}.hero-text h1{font-size:4rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;line-height:1.1;font-family:var(--font-family-heading)}.text-gradient{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:40px;line-height:1.7;max-width:90%}.hero-stats{display:flex;gap:32px;margin-bottom:40px}.stat{text-align:center}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:4px}.stat-label{font-size:.875rem;color:var(--text-muted);font-weight:500}[data-theme=dark] .hero-stats .stat-number{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}[data-theme=dark] .hero-stats .stat-label{color:#e2e8f0!important}.hero-buttons{display:flex;gap:20px;flex-wrap:wrap}.hero-btn-primary{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.hero-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.hero-btn-primary:hover:before{left:100%}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #4a67414d}.hero-btn-secondary{position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.hero-btn-secondary:hover{transform:translateY(-2px);background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.hero-image{display:flex;justify-content:center;align-items:center;position:relative}.hero-visual{position:relative;width:400px;height:400px}.hero-circle{width:300px;height:300px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);box-shadow:0 20px 60px #c8a88266;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse-glow 4s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 20px 60px #c8a88266;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 25px 80px #c8a88280;transform:translate(-50%,-50%) scale(1)}}.floating-element{position:absolute;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color);box-shadow:0 10px 30px #4a674126;z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(74,103,65,.1)}.hero-float-1{animation:hero-element-float-1 8s ease-in-out infinite}.hero-float-2{animation:hero-element-float-2 10s ease-in-out infinite}.hero-float-3{animation:hero-element-float-3 12s ease-in-out infinite}.hero-rotate{animation:hero-smooth-rotate 20s linear infinite}.hero-glow-effect{position:absolute;top:50%;left:50%;width:200px;height:200px;background:radial-gradient(circle,rgba(74,103,65,.1) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:hero-glow-pulse 4s ease-in-out infinite;pointer-events:none}.floating-1{width:80px;height:80px;top:10%;right:-10%;animation-delay:0s}.floating-2{width:70px;height:70px;bottom:20%;left:-10%;animation-delay:2s}.floating-3{width:60px;height:60px;top:30%;left:-5%;animation-delay:4s}@keyframes flos-hero-entrance{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes flos-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes flos-image-entrance{0%{opacity:0;transform:translateY(40px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes flos-container-entrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-image-entrance{0%{opacity:0;transform:translateY(40px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hero-element-float-1{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-15px) rotate(90deg) scale(1.1)}50%{transform:translateY(-8px) rotate(180deg) scale(.9)}75%{transform:translateY(-20px) rotate(270deg) scale(1.05)}}@keyframes hero-element-float-2{0%,to{transform:translateY(0) rotate(0) scale(1)}33%{transform:translateY(-12px) rotate(120deg) scale(1.15)}66%{transform:translateY(-25px) rotate(240deg) scale(.85)}}@keyframes hero-element-float-3{0%,to{transform:translateY(0) rotate(0) scale(1)}40%{transform:translateY(-18px) rotate(144deg) scale(1.2)}80%{transform:translateY(-5px) rotate(288deg) scale(.8)}}@keyframes hero-smooth-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hero-glow-pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}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)}}.section{padding:100px 0}.section-features{background:var(--bg-secondary);position:relative}.section-services{background:var(--bg-primary);position:relative}.section-reviews{background:var(--bg-tertiary);position:relative}.section-features:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 20%,rgba(74,103,65,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(107,142,90,.02) 0%,transparent 50%);pointer-events:none;z-index:1}.section-services:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 30% 70%,rgba(74,103,65,.04) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(107,142,90,.03) 0%,transparent 50%);pointer-events:none;z-index:1}.section-reviews:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 40% 40%,rgba(74,103,65,.02) 0%,transparent 50%),radial-gradient(circle at 60% 60%,rgba(107,142,90,.02) 0%,transparent 50%);pointer-events:none;z-index:1}.section-badge{display:inline-flex;align-items:center;gap:8px;background:#c8a88226;color:var(--primary-color);padding:8px 16px;border-radius:50px;font-size:.875rem;font-weight:500;margin-bottom:16px;border:1px solid rgba(200,168,130,.3)}.section-header{margin-bottom:80px;position:relative;z-index:2}.section-header{background:transparent!important;padding:0;margin-bottom:60px;position:relative;z-index:2}.section-header h2,.section-header p,.section-header .section-badge{color:inherit}[data-theme=light] .section-header{background:transparent!important}[data-theme=light] .section-header h2{color:var(--dark-color, #1a2e1a)!important}[data-theme=light] .section-header p{color:var(--text-color, #1a2e1a)!important}[data-theme=light] .section-header .section-badge{color:var(--primary-color, #4a6741)!important;background:#c8a88240!important}[data-theme=dark] .section-header{background:transparent!important}[data-theme=dark] .section-header h2{color:var(--text-primary, #ffffff)!important}[data-theme=dark] .section-header p{color:var(--text-secondary, #e2e8f0)!important}[data-theme=dark] .section-header .section-badge{color:var(--primary-color, #7ba77b)!important;background:#7ba77b40!important;border-color:#7ba77b80!important}.section-header h2{font-size:2.75rem;font-weight:700;color:var(--text-primary);margin-bottom:20px;line-height:1.2;background:transparent!important}.section-header p{font-size:1.2rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6;background:transparent!important}.section-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;margin-bottom:20px;border:1px solid;transition:all var(--transition-normal)}.container{position:relative;z-index:2}.section-header.text-center{background:transparent!important}.section-header>div,.section-header [class*=motion-]{background:transparent!important}[data-theme=dark] .section-header *{background:transparent!important}.section-header,.section-header *,.section-header>*,.section-header div,.section-header h2,.section-header p,.section-header .section-badge{background:transparent!important;background-color:transparent!important}.text-center.section-header,div.section-header,[class*=section-header]{background:transparent!important;background-color:transparent!important}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}.feature-card{background:var(--card-bg);padding:50px 40px;border-radius:var(--border-radius-lg);text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all var(--transition-normal);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));transform:scaleX(0);transition:transform var(--transition-normal)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:90px;height:90px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;color:var(--white);box-shadow:0 10px 30px #4a67414d;transition:transform var(--transition-normal)}.feature-icon svg{stroke:#fff!important;fill:none!important;stroke-width:2!important;color:#fff!important}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.7;margin-bottom:20px}.feature-highlight{display:inline-block;background:#c8a88226;color:var(--primary-color);padding:6px 16px;border-radius:20px;font-size:.875rem;font-weight:500;border:1px solid rgba(200,168,130,.3)}.section-services{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);position:relative}.section-services:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 30% 70%,rgba(74,103,65,.04) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(107,142,90,.03) 0%,transparent 50%);z-index:1}.section-services .container{position:relative;z-index:2}.services-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-bottom:60px}.service-card{background:var(--card-bg);padding:50px 40px;border-radius:var(--border-radius-lg);text-align:left;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all var(--transition-normal);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#c8a88208,#e8d5b705);opacity:0;transition:opacity var(--transition-normal)}.service-card:hover:before{opacity:1}.service-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl)}.service-number{position:absolute;top:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.service-icon{color:var(--primary-color);margin-bottom:30px;transition:transform var(--transition-normal)}[data-theme=light] .service-icon,[data-theme=dark] .service-icon{color:var(--primary-color)!important}.service-card:hover .service-icon{transform:scale(1.1)}.service-card h3{font-size:1.75rem;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.service-card p{color:var(--text-secondary);line-height:1.7;margin-bottom:25px}.service-features{list-style:none;margin-bottom:30px}.service-features li{display:flex;align-items:center;gap:10px;color:var(--text-secondary);margin-bottom:8px;font-size:.95rem}.service-features li:before{content:"✓";color:var(--primary-color);font-weight:700;width:16px;height:16px;background:#2d7d321a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}.service-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary-color);font-weight:600;text-decoration:none;transition:all var(--transition-normal);padding:12px 0;border-bottom:2px solid transparent}.service-link:hover{color:var(--primary-hover);border-bottom-color:var(--primary-color)}.section-stats{position:relative;background:var(--bg-tertiary);color:var(--text-primary);overflow:hidden}.stats-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.stats-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(74,103,65,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(107,142,90,.06) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(74,103,65,.04) 0%,transparent 30%);z-index:1}@keyframes stats-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}.stats-content{position:relative;z-index:100}.stats-header{text-align:center;margin-bottom:60px}.stats-header h2{font-size:2.75rem;font-weight:700;color:var(--text-primary);margin-bottom:20px;line-height:1.2}.stats-header p{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:50px}.stat-item{text-align:center;background:var(--bg-primary);padding:40px 30px;border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);transition:transform var(--transition-normal);box-shadow:var(--shadow-md)}.stat-item:hover{transform:translateY(-5px)}.stat-icon{width:60px;height:60px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--white)}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:8px;display:block}.stat-label{font-size:1rem;color:var(--text-secondary);font-weight:500}[data-theme=dark] .stat-number{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}[data-theme=dark] .stat-label{color:#e2e8f0!important}.section-reviews{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative}.section-reviews:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 40% 20%,rgba(74,103,65,.02) 0%,transparent 50%),radial-gradient(circle at 60% 80%,rgba(107,142,90,.03) 0%,transparent 50%);z-index:1}.section-reviews .container{position:relative;z-index:2}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.review-card{background:var(--card-bg);padding:40px 30px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);text-align:center;transition:all var(--transition-normal);border:1px solid var(--border-color);position:relative;overflow:hidden}.review-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));transform:scaleX(0);transition:transform var(--transition-normal)}.review-card:hover:before{transform:scaleX(1)}.review-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.review-rating{font-size:1.2rem;margin-bottom:20px;color:#ffc107}.review-card p{font-style:italic;color:var(--text-secondary);line-height:1.7;margin-bottom:25px;font-size:1.1rem}.review-author{font-weight:600;color:var(--primary-color);font-size:1.1rem}.section-cta{position:relative;background:var(--bg-secondary);color:var(--text-primary);overflow:hidden;padding:100px 0}.cta-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.cta-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 30% 30%,rgba(74,103,65,.08) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(107,142,90,.06) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(74,103,65,.04) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(107,142,90,.03) 0%,transparent 30%);z-index:1}.cta-content{position:relative;z-index:10;color:var(--text-primary)}.cta-badge{display:inline-flex;align-items:center;gap:8px;background:#4a674126;color:var(--primary-color);padding:8px 16px;border-radius:50px;font-size:.875rem;font-weight:600;margin-bottom:20px;border:1px solid rgba(74,103,65,.3)}.cta-content h2{font-size:2.75rem;font-weight:700;color:var(--text-primary);margin-bottom:20px;line-height:1.2}.cta-content p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.cta-stats{display:flex;justify-content:center;gap:60px;margin:40px 0 50px;flex-wrap:wrap;position:relative;z-index:10}.cta-stat{text-align:center}.cta-stat-number{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:8px;display:block}.cta-stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}[data-theme=dark] .cta-stat-number{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}[data-theme=dark] .cta-stat-label{color:#e2e8f0!important}.cta-trust-indicators{display:flex;justify-content:center;gap:40px;margin-top:40px;flex-wrap:wrap;position:relative;z-index:10}.trust-item{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500}[data-theme=dark] .trust-item{color:#fff!important}[data-theme=dark] .trust-item svg{color:#fff!important;stroke:#fff!important}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;position:relative;z-index:10}.cta-buttons .btn{display:inline-flex;align-items:center;gap:12px;padding:18px 36px;font-size:1.1rem;font-weight:600;min-width:220px;justify-content:center}.cta-primary-btn{background:var(--primary-color)!important;color:#fff!important;border:2px solid var(--primary-color)}.cta-primary-btn:hover{background:var(--primary-hover)!important;color:#fff!important;transform:translateY(-3px);box-shadow:0 12px 35px #4a67414d}.cta-call-btn{background:transparent!important;color:var(--primary-color)!important;border:2px solid var(--primary-color)}.cta-call-btn:hover{background:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important;transform:translateY(-3px);box-shadow:0 12px 35px #4a67414d}.btn-large{padding:18px 36px;font-size:1.1rem}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:var(--border-radius);font-weight:600;text-decoration:none;transition:all var(--transition-normal);border:2px solid transparent;cursor:pointer;font-size:1rem}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;box-shadow:var(--shadow-md)}.btn-primary svg{color:#fff!important}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--primary-hover),var(--primary-color))}.btn-outline{background:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.section-cta .btn-outline{color:#fff;border-color:#ffffff80}.section-cta .btn-outline:hover{background:#fff3;border-color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-booking-btn{position:fixed;bottom:30px;right:30px;background:var(--primary-color);color:#fff;padding:16px 24px;border-radius:50px;display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;font-size:1rem;box-shadow:0 8px 25px #4a67414d;z-index:9999;transition:all var(--transition-normal);animation:pulse-booking 3s infinite}.floating-booking-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 12px 35px #4a674166;color:#fff;text-decoration:none}.floating-booking-btn svg{color:#fff!important}@keyframes pulse-booking{0%,to{box-shadow:0 8px 25px #4a67414d}50%{box-shadow:0 8px 25px #4a674180,0 0 0 10px #4a67411a}}@media (max-width: 768px){.section-features>.container>div>div,.section-services>.container>div>div,.features-grid>div,.services-preview>div{opacity:1!important;visibility:visible!important;animation:fadeInUp .6s ease-out both}.features-grid>div:nth-child(1){animation-delay:.1s}.features-grid>div:nth-child(2){animation-delay:.2s}.features-grid>div:nth-child(3){animation-delay:.3s}.features-grid>div:nth-child(4){animation-delay:.4s}.services-preview>div:nth-child(1){animation-delay:.1s}.services-preview>div:nth-child(2){animation-delay:.2s}.services-preview>div:nth-child(3){animation-delay:.3s}}@media (max-width: 768px){.hero{padding:0 0 40px;min-height:auto}.hero-content.flos-layout{grid-template-columns:1fr;gap:10px;text-align:center}.hero-left-section{order:2}.hero-right-section{order:1}.hero-main-title{font-size:3.5rem!important;animation:fadeInUp .8s ease-out}.section-header,.section-header *{opacity:1!important;transform:none!important;visibility:visible!important}.section-badge{display:inline-flex!important;opacity:1!important;visibility:visible!important;background:#c8a88240!important;color:var(--primary-color)!important;border:1px solid rgba(200,168,130,.5)!important}.title-line.healing,.title-line.nature{position:static;transform:none}.hero-fade-in{animation:flos-fade-in-up 1s cubic-bezier(.25,.46,.45,.94) both}.hero-image-animated{animation:flos-image-entrance 1.4s cubic-bezier(.25,.46,.45,.94) both;animation-delay:.1s}.hero-content.flos-layout{animation:flos-container-entrance 1s cubic-bezier(.25,.46,.45,.94) both}.hero-animated{animation:flos-hero-entrance 1.2s cubic-bezier(.25,.46,.45,.94) both;animation-delay:.3s}.hero-floating-shapes{display:none}.hero-subtitle{font-size:1.1rem;margin-bottom:20px}.hero-description-section{margin-bottom:15px}.hero-buttons{flex-direction:column;gap:12px;align-items:center}.hero-buttons .btn{width:100%;max-width:280px;justify-content:center}.hero-text h1{font-size:2.75rem}.hero-stats{justify-content:center}.hero-visual{width:250px;height:250px}.hero-circle{width:180px;height:180px}.hero-image-container{max-width:280px;max-height:280px;margin:0 auto}.hero-main-image{height:280px}.hero-main-image img{width:100%;height:100%;max-height:280px;object-fit:cover}.floating-1,.floating-2,.floating-3{width:50px;height:50px}.floating-element{display:none}.hero-circle{animation:pulse-glow 4s ease-in-out infinite}.flower-petals{animation:rotate 30s linear infinite}.hero-subtitle{animation:fadeInUp .8s ease-out .6s both}.hero-buttons{animation:fadeInUp .8s ease-out .8s both}.hero-stats{animation:fadeInUp .8s ease-out 1s both}.section-header h2{font-size:2.25rem;color:var(--dark-color, #1a2e1a)!important}.section-header p{color:var(--text-color, #666)!important}.section-header,[data-theme=light] .section-header h2{color:var(--dark-color, #1a2e1a)!important}[data-theme=dark] .section-header h2{color:var(--text-primary, #ffffff)!important}[data-theme=light] .section-header p{color:var(--text-color, #666)!important}[data-theme=dark] .section-header p{color:var(--text-secondary, #e2e8f0)!important}.text-center h2,.text-center p,.section h2,.section p,.section .section-header h2,.section .section-header p{color:var(--dark-color, #1a2e1a)!important}.section-features{background:var(--bg-secondary)!important;min-height:auto!important}.section-features .container{position:relative!important;z-index:10!important}.section-features .section-header{opacity:1!important;visibility:visible!important;display:block!important;margin-bottom:40px!important}.section-features [class*=motion-]{opacity:1!important;transform:none!important}.features-grid .feature-card,.features-grid>div{opacity:1!important;visibility:visible!important;display:block!important}.feature-card>*{display:block!important;opacity:1!important;visibility:visible!important;color:#1a2e1a!important}.feature-card>div,.feature-card>h3,.feature-card>p{display:block!important;opacity:1!important;visibility:visible!important;color:#1a2e1a!important;margin:10px 0!important}.feature-card h3{color:var(--text-primary)!important;font-size:1.5rem!important;font-weight:600!important;margin:16px 0!important;opacity:1!important;visibility:visible!important;display:block!important}.feature-card p{color:var(--text-secondary)!important;line-height:1.7!important;margin:20px 0!important;opacity:1!important;visibility:visible!important;display:block!important}.feature-icon{opacity:1!important;visibility:visible!important;display:flex!important;margin:0 auto 30px!important;align-items:center!important;justify-content:center!important}.feature-highlight{color:var(--primary-color)!important;background:#c8a88240!important;opacity:1!important;visibility:visible!important;display:inline-block!important;padding:6px 16px!important;border-radius:20px!important;font-size:.875rem!important;font-weight:500!important}.feature-card *:not(svg){opacity:1!important;visibility:visible!important;color:var(--text-primary)!important;z-index:10!important;position:relative!important}.feature-card svg{opacity:1!important;visibility:visible!important;stroke:#fff!important;fill:none!important;color:#fff!important}.feature-icon svg,.feature-card .feature-icon svg{stroke:#fff!important;fill:none!important;stroke-width:2!important;color:#fff!important;opacity:1!important;visibility:visible!important}.feature-card{position:relative!important;z-index:5!important}[data-theme=light] .feature-card h3,[data-theme=light] .feature-card p{color:#1a2e1a!important}[data-theme=dark] .feature-card h3,[data-theme=dark] .feature-card p{color:#fff!important}[data-theme=light] .feature-card .feature-highlight{color:#4a6741!important;background:#c8a88240!important}[data-theme=dark] .feature-card .feature-highlight{color:#8fbc8f!important;background:#8fbc8f40!important}[data-theme=light] .feature-card .feature-icon svg,[data-theme=dark] .feature-card .feature-icon svg{color:#fff!important;opacity:1!important;visibility:visible!important}.features-grid .feature-card .feature-icon,.features-grid .feature-card h3,.features-grid .feature-card p,.features-grid .feature-card .feature-highlight{opacity:1!important;visibility:visible!important;display:block!important}.features-grid .feature-card .feature-icon{display:flex!important}.features-grid .feature-card .feature-highlight{display:inline-block!important}.feature-icon svg{opacity:1!important;visibility:visible!important;color:#fff!important}.features-grid,.services-preview{grid-template-columns:1fr;gap:30px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:30px}.cta-stats{gap:40px}.cta-buttons{flex-direction:column;align-items:center;gap:15px}.cta-trust-indicators{flex-direction:column;gap:20px;align-items:center}.cta-content h2{font-size:2.25rem}}@media (max-width: 544px){.hero{padding:0 0 30px}.hero-content.flos-layout{gap:5px}.hero-main-title{font-size:2.8rem!important}.hero-subtitle{font-size:1rem}.hero-image-container{max-width:240px;max-height:240px}.hero-main-image{height:240px}.hero-main-image img{max-height:240px}.hero-text h1{font-size:2.25rem}.hero-stats{flex-direction:column;gap:20px}.hero-visual{width:200px;height:200px}.hero-circle{width:150px;height:150px}.section-header,.section-header *,div[class*=motion-]{opacity:1!important;transform:none!important;visibility:visible!important}.section-header h2{font-size:2rem;color:var(--dark-color, #1a2e1a)!important}.section-header p{color:var(--text-color, #666)!important}.section-header{color:var(--dark-color, #1a2e1a)!important;opacity:1!important;visibility:visible!important;display:block!important}.section h2,.section p,.section .section-header h2,.section .section-header p,.text-center h2,.text-center p{color:var(--dark-color, #1a2e1a)!important}.features-grid .feature-card,.features-grid>div,.services-preview .service-card,.services-preview>div{opacity:1!important;visibility:visible!important;display:block!important}.feature-card h3{color:var(--text-primary)!important;font-size:1.3rem!important;font-weight:600!important;margin-bottom:12px!important;opacity:1!important;visibility:visible!important}.feature-card p{color:var(--text-secondary)!important;line-height:1.6!important;margin-bottom:16px!important;opacity:1!important;visibility:visible!important;font-size:.95rem!important}.feature-icon{opacity:1!important;visibility:visible!important;display:flex!important;margin:0 auto 30px!important;align-items:center!important;justify-content:center!important}.feature-highlight{color:var(--primary-color)!important;background:#c8a88240!important;opacity:1!important;visibility:visible!important;display:inline-block!important;font-size:.85rem!important}[data-theme=light] .section-header h2{color:var(--dark-color, #1a2e1a)!important}[data-theme=dark] .section-header h2{color:var(--text-primary, #ffffff)!important}[data-theme=light] .section-header p{color:var(--text-color, #666)!important}[data-theme=dark] .section-header p{color:var(--text-secondary, #e2e8f0)!important}.stats-grid{grid-template-columns:1fr;gap:20px}.stat-number{font-size:2rem}.service-card,.feature-card{padding:30px 25px;text-align:center!important}.feature-card .feature-icon{margin:0 auto 30px!important;display:flex!important;align-items:center!important;justify-content:center!important}.cta-content h2{font-size:2rem}.cta-stats{gap:30px}.cta-stat-number{font-size:2rem}.cta-buttons .btn{padding:16px 28px;font-size:1rem;min-width:200px}.btn{padding:12px 24px;font-size:.95rem}.floating-booking-btn{bottom:20px;right:20px;padding:12px 20px;font-size:.9rem;animation:pulse-booking 3s infinite}.floating-booking-btn span{display:none}.btn.btn-outline,.btn-outline,.hero-btn-secondary,.btn.btn-outline.btn-large,.btn.btn-outline.hero-btn-secondary{border:2px solid var(--primary-color)!important;border-color:var(--primary-color)!important;border-style:solid!important;border-width:2px!important;box-sizing:border-box!important}.hero-buttons .btn.btn-outline.btn-large.hero-btn-secondary{border:2px solid #4a6741!important;border-bottom:2px solid #4a6741!important;border-radius:var(--border-radius)!important}}[data-theme=dark] .floating-booking-btn{background:var(--primary-color);color:var(--white);box-shadow:0 8px 25px #7ba77b66,0 0 20px #7ba77b33;border:1px solid rgba(123,167,123,.3)}[data-theme=dark] .floating-booking-btn:hover{background:var(--primary-hover);box-shadow:0 12px 35px #7ba77b80,0 0 30px #7ba77b4d;color:var(--white);border-color:#7ba77b80;transform:translateY(-2px) scale(1.02)}[data-theme=dark] .floating-booking-btn{z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (prefers-reduced-motion: no-preference){[data-theme=dark] .floating-booking-btn{animation:gentle-glow 3s ease-in-out infinite alternate}}.page-loaded .hero-circle{animation:pulse-glow 4s ease-in-out infinite}.page-loaded .flower-petals{animation:rotate 30s linear infinite}.page-loaded .floating-booking-btn{animation:pulse-booking 3s infinite}.page-loaded .hero-animated{animation:flos-hero-entrance 1.2s cubic-bezier(.25,.46,.45,.94) .1s both}.page-loaded .hero-fade-in{animation:flos-fade-in-up 1s cubic-bezier(.25,.46,.45,.94) both}.page-loaded .hero-image-animated{animation:flos-image-entrance 1.2s cubic-bezier(.25,.46,.45,.94) .1s both}.page-loaded .hero-content.flos-layout{animation:flos-container-entrance 1s cubic-bezier(.25,.46,.45,.94) both}.page-loaded .hero-float-1{animation:hero-element-float-1 8s ease-in-out infinite}.page-loaded .hero-float-2{animation:hero-element-float-2 10s ease-in-out infinite}.page-loaded .hero-float-3{animation:hero-element-float-3 12s ease-in-out infinite}.page-loaded .hero-rotate{animation:hero-smooth-rotate 20s linear infinite}@keyframes gentle-glow{0%{box-shadow:0 8px 25px #7ba77b66,0 0 20px #7ba77b33}to{box-shadow:0 8px 25px #7ba77b80,0 0 25px #7ba77b4d}}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-text h2{margin-bottom:25px;color:var(--dark-color)}.about-text p{font-size:1.1rem;line-height:1.7;margin-bottom:20px;color:var(--text-color)}.about-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:30px}.highlight-item{display:flex;align-items:center;gap:10px;color:var(--primary-color);font-weight:500}.about-image{display:flex;justify-content:center;align-items:center}.about-placeholder{width:250px;height:250px;background:linear-gradient(135deg,var(--light-bg),var(--white));border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 30px #0000001a}.mission-vision{display:grid;grid-template-columns:1fr 1fr;gap:40px}.mission-card,.vision-card{background:var(--card-bg);padding:40px 30px;border-radius:15px;text-align:center;box-shadow:var(--shadow-md);transition:transform .3s ease;border:1px solid var(--border-color)}.mission-card:hover,.vision-card:hover{transform:translateY(-5px)}.card-icon{color:var(--primary-color);margin-bottom:20px}.mission-card h3,.vision-card h3{margin-bottom:20px;color:var(--dark-color)}.mission-card p,.vision-card p{color:var(--text-color);line-height:1.6}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.value-card{background:var(--card-bg);padding:30px 25px;border-radius:10px;text-align:center;box-shadow:var(--shadow-sm);transition:transform .3s ease;border:1px solid var(--border-color)}.value-card:hover{transform:translateY(-3px)}.value-icon{color:var(--primary-color);margin-bottom:15px}.value-card h4{margin-bottom:15px;color:var(--dark-color)}.value-card p{color:var(--text-color);line-height:1.6}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.team-card{background:var(--card-bg);padding:40px 30px;border-radius:15px;text-align:center;box-shadow:var(--shadow-md);transition:transform .3s ease;border:1px solid var(--border-color)}.team-card:hover{transform:translateY(-5px)}.person-image{width:100px;height:100px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--white)}.person-image svg{color:#fff!important}.team-card h4{margin-bottom:5px;color:var(--dark-color)}.team-role{color:var(--primary-color);font-weight:500;margin-bottom:15px}.team-card p:not(.team-role){color:var(--text-color);line-height:1.6}[data-theme=light] .section-dark .team-card h4{color:#1a2e1a!important}[data-theme=light] .section-dark .team-role{color:var(--primary-color)!important}[data-theme=light] .section-dark .team-card p:not(.team-role){color:#2d4a2b!important}[data-theme=dark] .section-dark .team-card h4{color:var(--text-primary)!important}[data-theme=dark] .section-dark .team-role{color:var(--primary-color)!important}[data-theme=dark] .section-dark .team-card p:not(.team-role){color:var(--text-secondary)!important}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--primary-color);transform:translate(-50%)}.timeline-item{display:flex;align-items:center;margin-bottom:40px;position:relative}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-icon{width:50px;height:50px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);position:relative;z-index:2;margin:0 25px}.timeline-icon svg{color:#fff!important}.timeline-content{background:var(--card-bg);padding:25px 30px;border-radius:10px;box-shadow:var(--shadow-md);flex:1;max-width:350px;border:1px solid var(--border-color)}.timeline-content h4{color:var(--primary-color);font-size:1.3rem;margin-bottom:10px}.timeline-content p{color:var(--text-color);line-height:1.6}@media (max-width: 768px){.page-header{color:var(--white)!important}.page-header-content h1{font-size:2.5rem;color:var(--white)!important}.page-header-content p{color:var(--white)!important;opacity:.9}.about-content{grid-template-columns:1fr;gap:40px;text-align:center}.about-highlights,.mission-vision,.values-grid,.team-grid{grid-template-columns:1fr}.timeline:before{left:25px}.timeline-item{flex-direction:row!important;padding-left:60px}.timeline-item:nth-child(2n){flex-direction:row!important}.timeline-icon{position:absolute;left:0;margin:0}.timeline-content{max-width:none}}@media (max-width: 544px){.page-header{padding:100px 0 60px;color:var(--white)!important}.page-header-content h1{font-size:2rem;color:var(--white)!important}.page-header-content p{color:var(--white)!important;opacity:.9}.about-placeholder{width:200px;height:200px}}.services-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-top:40px}.feature-item{text-align:center;padding:30px 20px}.feature-item svg{color:var(--primary-color);margin-bottom:20px}.feature-item h4{margin-bottom:15px;color:var(--dark-color)}.feature-item p{color:var(--text-color);line-height:1.6}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.service-card{background:var(--card-bg);padding:40px 30px;border-radius:15px;text-align:center;box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;border:1px solid var(--border-color)}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.service-icon{color:var(--primary-color);margin-bottom:25px}.service-card h3{margin-bottom:20px;color:var(--dark-color);font-size:1.4rem}.service-description{color:var(--text-color);line-height:1.6;margin-bottom:25px;flex-grow:1}.service-features{list-style:none;padding:0;margin:0 0 30px;text-align:left}.service-features li{color:var(--text-color);border-bottom:1px solid var(--light-bg);position:relative;padding:8px 0 8px 20px}.service-features li:last-child{border-bottom:none}.service-features li:before{content:"✓";color:var(--primary-color);font-weight:700;position:absolute;left:0}.service-card .btn{margin-top:auto;transition:all .3s ease;font-weight:500}.service-card .btn-outline{border:2px solid var(--primary-color);color:var(--primary-color);background:transparent}.service-card .btn-outline:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px);box-shadow:0 6px 20px #4a67414d}.emergency-content{color:var(--white)}[data-theme=light] .emergency-content,[data-theme=light] .section-dark .emergency-content *,[data-theme=dark] .emergency-content,[data-theme=dark] .section-dark .emergency-content *{color:var(--white)!important}.section-dark .emergency-feature{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.section-dark .emergency-feature h4,.section-dark .emergency-feature p{color:var(--white)}[data-theme=dark] .section-dark .emergency-feature{background:var(--card-bg)!important;border:1px solid var(--border-color);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=dark] .section-dark .emergency-feature h4,[data-theme=dark] .section-dark .emergency-feature p{color:var(--white)!important}.emergency-icon{color:var(--secondary-color);margin-bottom:30px}.emergency-content h2{color:var(--white);margin-bottom:20px}.emergency-content>p{font-size:1.1rem;line-height:1.7;margin-bottom:40px;max-width:800px;margin-left:auto;margin-right:auto}.emergency-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.emergency-feature{background:#ffffff1a;padding:30px 25px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.emergency-feature h4{color:var(--white);margin-bottom:15px;font-size:1.2rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.emergency-feature p{color:var(--white);line-height:1.6}.emergency-contact{background:#ffffff1a;padding:30px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:40px;border:1px solid rgba(245,245,220,.3);box-shadow:0 8px 32px #0003;transition:all .3s ease}.emergency-contact:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 40px #00000040;border-color:#f5f5dc80}.emergency-contact h3{color:var(--white);font-size:2rem;margin-bottom:10px;font-weight:700;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.emergency-contact p{color:var(--white);font-size:1.1rem}[data-theme=light] .section-dark .emergency-contact{background:#ffffff26;padding:30px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}[data-theme=light] .emergency-contact h3,[data-theme=light] .emergency-contact p{color:var(--white)!important}[data-theme=dark] .section-dark .emergency-contact{background:var(--card-bg);padding:30px;border-radius:15px;border:1px solid var(--border-color);box-shadow:var(--shadow-md)}[data-theme=dark] .emergency-contact h3{color:var(--white)!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}[data-theme=dark] .emergency-contact p{color:var(--white)!important}[data-theme=light] .section-dark .emergency-feature{background:#fff3!important;border:1px solid rgba(255,255,255,.3)}[data-theme=light] .section-dark .emergency-contact{background:#ffffff26;border:1px solid rgba(255,255,255,.3)}.cta-content h2{margin-bottom:15px}.cta-content p{font-size:1.1rem;color:var(--text-color);margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:20px;justify-content:center}.cta-buttons .btn{min-width:180px;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.cta-buttons .btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);box-shadow:0 4px 15px #4a674166}.cta-buttons .btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4a674199;background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary-color) 100%)}.cta-buttons .btn-outline{border:2px solid var(--primary-color);color:var(--primary-color);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-buttons .btn-outline:hover{background:var(--primary-color);color:var(--white);transform:translateY(-3px);box-shadow:0 8px 25px #4a674166}@media (max-width: 768px){.page-header{padding:120px 0 60px}.page-header-content h1{font-size:2.5rem}.services-features,.services-grid{grid-template-columns:1fr;gap:30px}.service-card{padding:30px 25px}.emergency-features{grid-template-columns:1fr;gap:25px}.emergency-contact h3{font-size:1.5rem}.cta-buttons{flex-direction:column;align-items:center;gap:15px}.cta-buttons .btn{min-width:200px}}@media (max-width: 544px){.service-card h3{font-size:1.2rem}.service-features{text-align:center}.service-features li{text-align:left}.emergency-feature,.emergency-contact{padding:25px 20px}}.page-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:var(--white);padding:140px 0 80px;text-align:center}.page-header-content h1{color:var(--white);font-size:3rem;margin-bottom:15px}.page-header-content p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto}.contact-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;align-items:stretch}@media (max-width: 1200px){.contact-info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.contact-info-grid{grid-template-columns:1fr}}.contact-info-card{background:var(--card-bg);padding:40px 30px;border-radius:var(--border-radius-lg);text-align:center;box-shadow:0 10px 25px var(--shadow-color);border:1px solid var(--border-color);transition:transform var(--transition-normal);min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:200px}.contact-info-card:hover{transform:translateY(-5px)}.contact-icon{color:var(--primary-color);margin-bottom:20px}.contact-info-card h3{margin-bottom:15px;color:var(--text-primary)}.contact-info-card p{color:var(--text-secondary);line-height:1.6;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.email-card p{font-size:.95rem;word-spacing:-.1em}.contact-info-card p br+*{font-size:.9em}.contact-content{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:start}.contact-form-section h2{margin-bottom:15px;color:var(--dark-color)}.contact-form-section>p{color:var(--text-color);margin-bottom:30px;font-size:1.1rem}.submit-message{padding:15px;border-radius:8px;margin-bottom:20px;font-weight:500}.contact-form{background:var(--card-bg);padding:40px;border-radius:var(--border-radius-lg);box-shadow:0 10px 25px var(--shadow-color);border:1px solid var(--border-color)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group label{display:flex;align-items:center;gap:8px;color:var(--dark-color);font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 15px;border:2px solid var(--light-bg);border-radius:8px;font-size:16px;transition:border-color .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group input.pre-filled{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#28a745;position:relative}.form-group input.pre-filled:focus{border-color:var(--primary-color);background:#fff}.form-group textarea{resize:vertical;min-height:100px}.contact-form .btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px}.contact-sidebar{display:flex;flex-direction:column;gap:30px}.sidebar-card{background:var(--card-bg);padding:30px 25px;border-radius:15px;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.sidebar-card h3{margin-bottom:15px;color:var(--dark-color)}.sidebar-card p{color:var(--text-color);line-height:1.6;margin-bottom:15px}.emergency-number{font-size:3rem;font-weight:700;color:var(--primary-color);text-align:center;background:var(--light-bg);padding:20px;border-radius:10px;margin-top:15px}.quick-contact-item{display:flex;align-items:center;gap:12px;color:var(--text-color);margin-bottom:15px}.quick-contact-item svg{color:var(--primary-color)}.quick-contact-item:last-child{margin-bottom:0}.map-placeholder{background:var(--light-bg);padding:40px 20px;border-radius:10px;text-align:center;margin-top:15px}.map-placeholder svg{color:var(--primary-color);margin-bottom:10px}.map-placeholder p{color:var(--text-color);margin:0;font-weight:500}.map-container{margin-top:15px;border-radius:8px;overflow:hidden}.locations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;align-items:stretch}@media (max-width: 1200px){.locations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.locations-grid{grid-template-columns:1fr}}.location-card{background:var(--card-bg);padding:30px;border-radius:15px;box-shadow:var(--shadow-md);transition:transform .3s ease;border:1px solid var(--border-color);display:flex;flex-direction:column;min-height:450px}.location-card:hover{transform:translateY(-5px)}.location-card h3{color:var(--primary-color);margin-bottom:20px;font-size:1.3rem;min-height:1.6rem;display:flex;align-items:center}.location-details{margin-bottom:20px;min-height:80px;display:flex;flex-direction:column;justify-content:flex-start}.location-details p{color:var(--text-color);line-height:1.6;margin-bottom:8px}.location-details p:last-child{margin-bottom:0}.location-map{border-radius:8px;overflow:hidden;margin-top:auto;flex-shrink:0}.location-map iframe{width:100%;height:200px;border:none;display:block}.directions-button{color:var(--primary-color)!important;text-decoration:none!important;font-size:.9rem!important;font-weight:500!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin-top:10px;padding:8px 0;transition:color .3s ease}.directions-button:hover{color:var(--primary-dark)!important}.map-link{margin-top:10px;text-align:center}.reschedule-notice{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border:1px solid var(--primary-color);border-radius:8px;padding:15px;margin-bottom:20px}.reschedule-notice p{margin:0;color:#1976d2;font-weight:500}@media (max-width: 768px){.page-header{padding:120px 0 60px}.page-header-content h1{font-size:2.5rem}.contact-content{grid-template-columns:1fr;gap:40px}.contact-form{padding:30px 25px}.form-row{grid-template-columns:1fr;gap:0}.contact-sidebar{order:-1}.sidebar-card{padding:25px 20px}.emergency-number{font-size:2.5rem}}@media (max-width: 544px){.contact-info-card{padding:30px 20px}.contact-info-card p{font-size:.9rem;line-height:1.5}.email-card p{font-size:.85rem;word-spacing:-.15em}.contact-form{padding:25px 20px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px}.emergency-number{font-size:2rem;padding:15px}}.slot-message{text-align:center;color:#666;font-style:italic;padding:20px;background-color:#f8f9fa;border-radius:8px;margin:10px 0}.slot-filter-info{text-align:center;color:#856404;font-size:.9rem;font-style:italic;padding:10px;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin:10px 0}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545;background-color:#fff5f5}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.form-group input.valid,.form-group select.valid,.form-group textarea.valid{border-color:#28a745;background-color:#f8fff9}.form-group input.valid:focus,.form-group select.valid:focus,.form-group textarea.valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem #28a74540}.field-error{display:flex;align-items:center;gap:8px;color:#dc3545;font-size:.875rem;margin-top:5px;padding:8px 12px;background-color:#fff5f5;border:1px solid #f8d7da;border-radius:6px;animation:slideDown .3s ease-out}.field-success{display:flex;align-items:center;gap:8px;color:#28a745;font-size:.875rem;margin-top:5px;padding:8px 12px;background-color:#f8fff9;border:1px solid #d4edda;border-radius:6px;animation:slideDown .3s ease-out}.field-hint{display:flex;align-items:center;gap:8px;color:#6c757d;font-size:.875rem;margin-top:5px;padding:8px 12px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;border-left:3px solid var(--primary-color);font-style:italic}.error-icon,.success-icon{font-size:1rem;flex-shrink:0}.submit-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.email-otp-auth{width:100%;max-width:400px;margin:0 auto}.auth-form{background:var(--white);padding:0;border-radius:0;box-shadow:none}.form-header{text-align:center;margin-bottom:20px;padding:10px 0}.form-header svg{color:var(--primary-color);margin-bottom:15px}.form-header h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:8px;font-weight:600}.form-header p{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin:0}.form-group{margin-bottom:18px}.form-group label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:6px;font-size:.9rem}.form-group label svg{color:var(--primary-color)}.form-group input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease;background:var(--bg-primary);color:var(--text-primary)}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7ba77b1a}.form-group input:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-secondary)}.otp-input{text-align:center;font-size:1.5rem!important;font-weight:600;letter-spacing:.5rem;font-family:Courier New,monospace}.btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;margin-bottom:12px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--primary-color);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #7ba77b4d}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color);margin-bottom:10px}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}.btn-text{background:transparent;color:var(--text-secondary);border:none;padding:8px 12px;font-size:.9rem;margin-bottom:0}.btn-text:hover:not(:disabled){color:var(--primary-color);background:var(--bg-secondary)}.form-actions{display:flex;flex-direction:column;gap:8px;margin-top:15px}.spinner{animation:spin 1s linear infinite}.message{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:6px;margin-bottom:15px;font-size:.9rem;font-weight:500}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message.info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.message svg{flex-shrink:0}[data-theme=dark] .auth-form{background:var(--bg-primary)}[data-theme=dark] .form-group input{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #7ba77b33}[data-theme=dark] .message.success{background:#28a74533;color:#28a745;border-color:#28a7454d}[data-theme=dark] .message.error{background:#dc354533;color:#dc3545;border-color:#dc35454d}[data-theme=dark] .message.info{background:#17a2b833;color:#17a2b8;border-color:#17a2b84d}@media (max-width: 480px){.email-otp-auth{padding:0 10px}.form-header{padding:15px 0;margin-bottom:25px}.form-header h3{font-size:1.3rem}.form-group{margin-bottom:20px}.form-group input{padding:10px 14px}.btn{padding:10px 16px}.otp-input{font-size:1.3rem!important;letter-spacing:.3rem}}.auth-form{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn:focus{outline:none;box-shadow:0 0 0 3px #7ba77b4d}.btn-text:focus{outline:none;box-shadow:0 0 0 2px #7ba77b33;border-radius:4px}.auth-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:120px 20px 20px;display:flex;align-items:center;justify-content:center}.auth-layout{display:flex;width:100%;max-width:1200px;min-height:600px;background:var(--white);border-radius:20px;box-shadow:0 25px 50px #0000001a;overflow:hidden;margin-top:20px}.auth-form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 40px;background:var(--white)}.auth-form-container{width:100%;max-width:400px}.auth-brand{text-align:center;margin-bottom:40px}.auth-brand h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-brand p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0}.auth-forms{width:100%}.auth-illustration-section{flex:1;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);display:flex;align-items:center;justify-content:center;padding:60px 40px;position:relative;overflow:hidden}.auth-illustration-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.05) 0%,transparent 50%),linear-gradient(45deg,transparent 40%,rgba(255,255,255,.05) 50%,transparent 60%);background-size:200px 200px,150px 150px,100px 100px;animation:backgroundMove 15s ease-in-out infinite}.auth-illustration-section:after{content:"";position:absolute;top:15%;right:10%;width:120px;height:120px;background:linear-gradient(45deg,#ffffff1a,#ffffff0d);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:morphing 8s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.illustration-container{position:relative;z-index:3;text-align:center;color:var(--white);display:flex;align-items:center;justify-content:center;height:100%}.illustration-content{max-width:420px;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.medical-animation{position:relative;width:400px;height:400px;display:flex;align-items:center;justify-content:center}.stethoscope-container{position:absolute;width:200px;height:250px;z-index:5;top:10%;left:50%;transform:translate(-50%)}.stethoscope-head{position:absolute;width:60px;height:60px;background:#fff3;border:4px solid rgba(255,255,255,.8);border-radius:50%;top:0;left:50%;transform:translate(-50%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:stethoscopeGlow 3s ease-in-out infinite}.head-inner{position:absolute;width:30px;height:30px;background:#fff9;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:innerPulse 2s ease-in-out infinite}.stethoscope-tube{position:absolute;top:50px;left:50%;transform:translate(-50%);width:6px;height:120px}.tube-segment{position:absolute;width:6px;height:30px;background:#ffffffb3;border-radius:3px;animation:tubeFlow 2s ease-in-out infinite}.tube-segment.s1{top:0;animation-delay:0s}.tube-segment.s2{top:25px;animation-delay:.2s}.tube-segment.s3{top:50px;animation-delay:.4s}.tube-segment.s4{top:75px;animation-delay:.6s}.stethoscope-earpieces{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:30px}.earpiece{position:absolute;width:25px;height:20px;background:#fffc;border-radius:12px;top:50%;transform:translateY(-50%);animation:earPulse 3s ease-in-out infinite}.earpiece.left{left:0;animation-delay:0s}.earpiece.right{right:0;animation-delay:1.5s}.heartbeat-monitor{position:absolute;top:15%;right:5%;width:120px;height:80px;z-index:4}.monitor-screen{width:100%;height:100%;background:#ffffff26;border:2px solid rgba(255,255,255,.4);border-radius:8px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:10px;position:relative;animation:monitorGlow 4s ease-in-out infinite}.heartbeat-line{position:relative;width:100%;height:30px;overflow:hidden}.beat-segment{position:absolute;width:2px;background:#ffffffe6;border-radius:1px;animation:heartbeatPulse 2s ease-in-out infinite;box-shadow:0 0 8px #fff9}.beat-segment.b1{height:15px;left:10%;top:50%;transform:translateY(-50%);animation-delay:0s}.beat-segment.b2{height:25px;left:25%;top:50%;transform:translateY(-50%);animation-delay:.1s}.beat-segment.b3{height:35px;left:40%;top:50%;transform:translateY(-50%);animation-delay:.2s}.beat-segment.b4{height:20px;left:55%;top:50%;transform:translateY(-50%);animation-delay:.3s}.beat-segment.b5{height:10px;left:70%;top:50%;transform:translateY(-50%);animation-delay:.4s}.heart-rate{position:absolute;bottom:5px;right:8px;font-size:10px;color:#fffc;font-weight:700;animation:rateFlicker 3s ease-in-out infinite}.medical-cross-animated{position:absolute;top:20%;left:8%;width:60px;height:60px;z-index:3}.cross-horizontal,.cross-vertical{position:absolute;background:#fffc;border-radius:4px;animation:crossPulse 3s ease-in-out infinite}.cross-horizontal{width:40px;height:8px;top:50%;left:50%;transform:translate(-50%,-50%)}.cross-vertical{width:8px;height:40px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:1.5s}.cross-glow{position:absolute;width:60px;height:60px;border:2px solid rgba(255,255,255,.3);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:glowExpand 4s ease-in-out infinite}.pills-container{position:absolute;bottom:20%;left:10%;width:80px;height:100px;z-index:2}.pill{position:absolute;width:30px;height:15px;border-radius:15px;animation:pillFloat 4s ease-in-out infinite}.pill.pill-1{top:0;left:0;animation-delay:0s}.pill.pill-2{top:30px;right:0;animation-delay:-1.3s}.pill.pill-3{bottom:0;left:20px;animation-delay:-2.6s}.pill-half{width:50%;height:100%;border-radius:15px;position:absolute;top:0}.pill-half.half-1{left:0;background:#fffc;border-radius:15px 0 0 15px}.pill-half.half-2{right:0;background:#fff6;border-radius:0 15px 15px 0}.clipboard-container{position:absolute;bottom:15%;right:8%;width:70px;height:90px;z-index:3}.clipboard{position:relative;width:100%;height:100%;background:#fff3;border:2px solid rgba(255,255,255,.4);border-radius:8px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:clipboardSway 5s ease-in-out infinite}.clipboard-clip{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:20px;height:16px;background:#fff9;border-radius:4px 4px 0 0;border:2px solid rgba(255,255,255,.8)}.clipboard-paper{position:absolute;top:10px;left:8px;right:8px;bottom:8px;background:#ffffff1a;border-radius:4px}.paper-line{position:absolute;height:2px;background:#fff6;border-radius:1px;left:8px;right:8px;animation:lineWrite 3s ease-in-out infinite}.paper-line.line-1{top:15px;animation-delay:0s}.paper-line.line-2{top:25px;animation-delay:1s}.paper-line.line-3{top:35px;width:60%;animation-delay:2s}.checkmark{position:absolute;color:#fffc;font-size:12px;font-weight:700;animation:checkAppear 4s ease-in-out infinite}.checkmark.check-1{top:12px;right:8px;animation-delay:1.5s}.checkmark.check-2{top:22px;right:8px;animation-delay:2.5s}@keyframes stethoscopeGlow{0%,to{box-shadow:0 0 20px #ffffff4d;transform:translate(-50%) scale(1)}50%{box-shadow:0 0 30px #fff9;transform:translate(-50%) scale(1.05)}}@keyframes innerPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}@keyframes tubeFlow{0%,to{opacity:.7;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}@keyframes earPulse{0%,to{transform:translateY(-50%) scale(1);opacity:.8}50%{transform:translateY(-50%) scale(1.1);opacity:1}}@keyframes monitorGlow{0%,to{box-shadow:0 0 15px #fff3}50%{box-shadow:0 0 25px #fff6}}@keyframes heartbeatPulse{0%,80%,to{transform:translateY(-50%) scaleY(1);opacity:.7}10%,30%{transform:translateY(-50%) scaleY(1.5);opacity:1}}@keyframes rateFlicker{0%,90%,to{opacity:.8}95%{opacity:1}}@keyframes crossPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}@keyframes glowExpand{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}@keyframes pillFloat{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(-10px);opacity:1}}@keyframes clipboardSway{0%,to{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}@keyframes lineWrite{0%{width:0;opacity:0}50%,to{width:calc(100% - 16px);opacity:.4}}@keyframes checkAppear{0%,70%{transform:scale(0);opacity:0}80%,to{transform:scale(1);opacity:.8}}@media (max-width: 1024px){.auth-layout{max-width:900px}.auth-form-section,.auth-illustration-section{padding:40px 30px}.auth-brand h1{font-size:2.2rem}.medical-animation{width:320px;height:320px}.stethoscope-container{width:160px;height:200px}.stethoscope-head{width:50px;height:50px}.heartbeat-monitor{width:100px;height:65px}.medical-cross-animated{width:50px;height:50px}.clipboard-container{width:60px;height:75px}.pills-container{width:65px;height:80px}.pill{width:25px;height:12px}}@media (max-width: 768px){.auth-page{padding:20px 10px 10px;min-height:calc(100vh - 80px)}.auth-layout{flex-direction:column;min-height:auto;max-width:500px;margin-top:10px}.auth-illustration-section{display:none}.auth-form-section{padding:30px 25px;width:100%}.auth-brand{margin-bottom:25px}.auth-brand h1{font-size:1.8rem}.auth-brand p{font-size:.95rem}}@media (max-width: 480px){.auth-page{padding:15px 10px 10px}.auth-form-section{padding:25px 20px}.auth-brand h1{font-size:1.7rem}.auth-brand p{font-size:.9rem}}.message{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:20px;border-radius:8px;font-weight:500;font-size:.9rem}.email-auth-container{text-align:center}.admin-access{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.admin-login-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:transparent;border:2px solid var(--primary-color);border-radius:8px;color:var(--primary-color);font-weight:500;cursor:pointer;transition:all .3s ease}.admin-login-toggle:hover{background:var(--primary-color);color:var(--white)}.admin-login-form{text-align:center}.admin-header{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.admin-header h3{color:var(--text-primary);font-size:1.5rem;margin:0}.back-to-email{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.back-button{background:transparent;border:none;color:var(--primary-color);font-weight:500;cursor:pointer;padding:10px;transition:all .3s ease}.back-button:hover{color:var(--primary-hover)}.auth-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group{display:flex;flex-direction:column}.form-group label{display:flex;align-items:center;gap:8px;color:var(--dark-color);font-weight:500;margin-bottom:8px;font-size:14px}.form-group input,.form-group textarea{padding:12px 15px;border:2px solid var(--light-bg);border-radius:8px;font-size:16px;transition:border-color .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group input.error,.form-group textarea.error{border-color:#dc3545;background-color:#fff5f5}.form-group input.error:focus,.form-group textarea.error:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.field-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;gap:4px}.field-error:before{content:"⚠";font-size:10px}.password-requirements{margin-top:5px}.password-requirements small{color:#6c757d;font-size:11px;line-height:1.3}.form-group textarea{resize:vertical;min-height:80px}.password-input input{padding-right:45px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-color);cursor:pointer;padding:5px;transition:color .3s ease}.form-options{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-color);cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.forgot-link{color:var(--primary-color);text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.forgot-link:hover{color:var(--primary-hover)}.auth-form .btn{margin-top:10px;padding:15px;font-size:16px;font-weight:600}.auth-form .btn:disabled{opacity:.7;cursor:not-allowed}.demo-credentials{background:var(--light-bg);padding:20px;border-radius:8px;margin-top:20px}.demo-credentials h4{color:var(--dark-color);margin-bottom:10px;font-size:14px}.demo-credentials p{color:var(--text-color);font-size:13px;margin:5px 0}.demo-credentials strong{color:var(--primary-color)}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;text-align:center}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e1e5e9}.auth-divider span{padding:0 1rem;color:var(--text-color);font-size:.9rem;font-weight:500}.auth-footer{background:var(--light-bg);padding:20px 30px;text-align:center}.auth-footer p{color:var(--text-color);margin:0}.switch-link{background:none;border:none;color:var(--primary-color);font-weight:500;cursor:pointer;text-decoration:underline;transition:color .3s ease}.switch-link:hover{color:var(--primary-hover)}@media (max-width: 768px){.auth-page{padding:120px 0 20px}.auth-container{margin:0 15px;max-width:none}.auth-header{padding:20px}.auth-header h1{font-size:1.4rem}.auth-forms{padding:20px}.form-row{grid-template-columns:1fr;gap:20px}.form-options{flex-direction:column;gap:15px;align-items:flex-start}.auth-footer{padding:20px}}@media (max-width: 544px){.auth-header,.auth-forms{padding:18px 15px}.tab-button{padding:12px 15px;font-size:14px}.form-group input,.form-group textarea{padding:10px 12px}}.email-auth-container{text-align:center;padding:20px 0}.auth-benefits{margin:40px 0;text-align:left;background:#f8f9fa;padding:25px;border-radius:12px;border-left:4px solid var(--primary-color)}.auth-benefits h3{color:var(--primary-color);margin-bottom:20px;font-size:1.2rem;font-weight:600}.auth-benefits ul{list-style:none;padding:0;margin:0}[data-theme=dark] .auth-container{background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:0 15px 35px #0000004d}[data-theme=dark] .auth-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:var(--white)}[data-theme=dark] .auth-tabs{background:var(--bg-secondary)}[data-theme=dark] .tab-button{color:var(--text-primary)}[data-theme=dark] .tab-button.active{background:var(--bg-primary);color:var(--primary-color)}[data-theme=dark] .tab-button:hover:not(.active){background:var(--bg-tertiary)}[data-theme=dark] .auth-forms{background:var(--bg-primary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus{border-color:var(--primary-color);background:var(--bg-primary)}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:var(--text-secondary)}[data-theme=dark] .checkbox-label{color:var(--text-primary)}[data-theme=dark] .demo-credentials{background:var(--bg-secondary);border:1px solid var(--border-color)}[data-theme=dark] .demo-credentials h4{color:var(--text-primary)}[data-theme=dark] .demo-credentials p{color:var(--text-secondary)}[data-theme=dark] .auth-divider:before,[data-theme=dark] .auth-divider:after{background:var(--border-color)}[data-theme=dark] .auth-divider span{color:var(--text-primary)}[data-theme=dark] .auth-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color)}[data-theme=dark] .auth-footer p{color:var(--text-primary)}[data-theme=dark] .auth-benefits,[data-theme=dark] .demo-access{background:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid var(--primary-color)}[data-theme=dark] .demo-access h4{color:var(--primary-color);font-weight:600}[data-theme=dark] .demo-access p{color:var(--text-secondary)}[data-theme=dark] .message.success{background-color:#4caf501a;color:var(--success-color);border-left:4px solid var(--success-color)}[data-theme=dark] .message.error{background-color:#f443361a;color:var(--danger-color);border-left:4px solid var(--danger-color)}[data-theme=dark] .admin-login-toggle{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary)}[data-theme=dark] .admin-login-toggle:hover{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}[data-theme=dark] .admin-header,[data-theme=dark] .admin-header h3{color:var(--text-primary)}[data-theme=dark] .back-to-email{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary)}[data-theme=dark] .back-to-email:hover{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}[data-theme=dark] .admin-login-form .form-group label{color:var(--text-primary)}[data-theme=dark] .admin-login-form .form-group input{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary)}[data-theme=dark] .admin-login-form .form-group input:focus{border-color:var(--primary-color);background:var(--bg-primary)}[data-theme=dark] .admin-login-form .form-group input[readonly]{background-color:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .admin-login-form .form-group input[readonly]:focus{border-color:var(--border-color);background-color:var(--bg-tertiary)}[data-theme=dark] .admin-login-form .form-group input::placeholder{color:var(--text-secondary)}[data-theme=dark] .admin-login-form .password-toggle{color:var(--text-secondary)}[data-theme=dark] .admin-login-form .password-toggle:hover:not(:disabled){color:var(--primary-color)}[data-theme=light] .tab-button.active{background:var(--bg-primary)!important;color:var(--primary-color)!important}[data-theme=light] .btn-primary,[data-theme=light] .btn-success,[data-theme=light] .btn-warning,[data-theme=light] .btn-danger,[data-theme=light] .btn-info{color:var(--white)!important}[data-theme=light] .form-control:focus,[data-theme=light] .form-select:focus{color:var(--text-primary)!important}[data-theme=light] .message.success{color:#065f46!important;background:#d1fae5!important}[data-theme=light] .message.error{color:#991b1b!important;background:#fee2e2!important}[data-theme=light] .demo-credentials,[data-theme=light] .demo-credentials h4{color:var(--text-primary)!important}[data-theme=light] .demo-credentials p{color:var(--text-secondary)!important}[data-theme=light] .auth-benefits{color:var(--text-primary)!important}[data-theme=light] .admin-login-toggle{color:var(--text-primary)!important;background:var(--bg-tertiary)!important}[data-theme=light] .admin-login-toggle:hover{color:var(--primary-color)!important}[data-theme=dark] .email-auth-container{color:var(--text-primary)}[data-theme=dark] .google-auth-container{padding:20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.auth-benefits li{padding:10px 0;font-size:.95rem;line-height:1.5;color:#495057;border-bottom:1px solid #e9ecef}.auth-benefits li:last-child{border-bottom:none}.demo-access{background:#e8f4fd;padding:20px;border-radius:8px;margin-top:30px;text-align:left}.demo-access h4{color:#06c;margin-bottom:10px;font-size:1rem}.demo-access p{margin:8px 0;font-size:.9rem;color:#495057}.admin-access{text-align:center;margin:30px 0;padding:20px 0;border-top:1px solid #e9ecef}.admin-login-toggle{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6c757d,#495057);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem}.admin-login-toggle:hover:not(:disabled){background:linear-gradient(135deg,#495057,#343a40);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.admin-login-toggle:disabled{opacity:.6;cursor:not-allowed}.admin-login-form{max-width:400px;margin:0 auto}.admin-header{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.admin-header h3{margin:0;font-size:1.3rem;font-weight:600;color:#fff}.admin-header p{margin:0;opacity:.9;font-size:.9rem}.admin-login-form .form-group{margin-bottom:20px}.admin-login-form .form-group label{display:flex;align-items:center;gap:8px;color:var(--dark-color);font-weight:500;margin-bottom:8px;font-size:14px}.admin-login-form .form-group input{width:100%;padding:12px 15px;border:2px solid var(--light-bg);border-radius:8px;font-size:16px;transition:border-color .3s ease;font-family:inherit;box-sizing:border-box}.admin-login-form .form-group input:focus{outline:none;border-color:var(--primary-color)}.admin-login-form .form-group input[readonly]{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.admin-login-form .form-group input[readonly]:focus{border-color:var(--light-bg);background-color:#f8f9fa}.admin-login-form .password-input{position:relative}.admin-login-form .password-input input{padding-right:45px}.admin-login-form .password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-color);cursor:pointer;padding:5px;transition:color .3s ease}.admin-login-form .password-toggle:hover:not(:disabled){color:var(--primary-color)}.admin-login-form .btn{width:100%;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border:none;padding:15px;font-size:16px;font-weight:600;margin-top:10px}.admin-login-form .btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-hover),#1e7e34)}.back-to-email{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}.back-button{background:none;border:none;color:var(--primary-color);font-weight:500;cursor:pointer;padding:10px 20px;border-radius:6px;transition:all .3s ease;font-size:.9rem}[data-theme=dark] .auth-page{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}[data-theme=dark] .auth-layout{background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:0 25px 50px #0000004d}[data-theme=dark] .auth-form-section{background:var(--bg-primary)}[data-theme=dark] .auth-brand h1{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .auth-brand p{color:var(--text-secondary)}[data-theme=dark] .message.success{background-color:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}[data-theme=dark] .message.error{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}[data-theme=dark] .admin-access{border-top:1px solid var(--border-color)}[data-theme=dark] .admin-login-toggle{border:2px solid var(--primary-color);color:var(--primary-color)}[data-theme=dark] .admin-login-toggle:hover{background:var(--primary-color);color:var(--white)}[data-theme=dark] .admin-header{border-bottom:1px solid var(--border-color)}[data-theme=dark] .back-to-email{border-top:1px solid var(--border-color)}[data-theme=dark] .back-button{color:var(--primary-color)}[data-theme=dark] .back-button:hover{color:var(--primary-hover)}.back-button:hover:not(:disabled){background:var(--light-bg);color:var(--primary-hover)}.back-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.auth-benefits{padding:20px;margin:30px 0}.auth-benefits h3{font-size:1.1rem}.auth-benefits li{font-size:.9rem}.demo-access{padding:15px}.admin-login-form{max-width:none}.admin-header{padding:15px}.admin-login-toggle{padding:10px 20px;font-size:.85rem}}.profile-completion-banner{position:relative;padding:16px 20px;margin:0 0 20px;border-radius:12px;border-left:4px solid;box-shadow:0 4px 12px #0000001a;animation:slideDown .3s ease-out;transition:all .3s ease}.profile-completion-banner:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.profile-completion-banner.success{background:linear-gradient(135deg,#f8fff9,#e8f5e8);border-left-color:#28a745;color:#155724}.profile-completion-banner.warning{background:linear-gradient(135deg,#fffbf0,#fef3cd);border-left-color:#ffc107;color:#856404}.profile-completion-banner.info{background:linear-gradient(135deg,#f0f8ff,#cce7ff);border-left-color:#007bff;color:#004085}.profile-completion-banner.error{background:linear-gradient(135deg,#fff5f5,#fed7d7);border-left-color:#dc3545;color:#721c24}[data-theme=dark] .profile-completion-banner.success{background:linear-gradient(135deg,#28a74526,#28a74540);border-left-color:#28a745;color:#a3d9a5}[data-theme=dark] .profile-completion-banner.warning{background:linear-gradient(135deg,#ffc10726,#ffc10740);border-left-color:#ffc107;color:#ffd43b}[data-theme=dark] .profile-completion-banner.info{background:linear-gradient(135deg,#007bff26,#007bff40);border-left-color:#007bff;color:#66b3ff}[data-theme=dark] .profile-completion-banner.error{background:linear-gradient(135deg,#dc354526,#dc354540);border-left-color:#dc3545;color:#f87171}.banner-content{display:flex;align-items:center;gap:16px}.banner-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .banner-icon{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .banner-text h4{color:var(--text-primary)}[data-theme=dark] .banner-text p{color:var(--text-secondary)}[data-theme=dark] .btn-close{color:var(--text-secondary);background:#ffffff1a}[data-theme=dark] .btn-close:hover{color:var(--text-primary);background:#fff3}[data-theme=dark] .banner-details{border-top-color:#ffffff1a}[data-theme=dark] .details-label{color:var(--text-secondary)}[data-theme=dark] .missing-category{color:var(--text-primary)}[data-theme=dark] .more-categories{color:var(--text-secondary)}.banner-text{flex:1;min-width:0}.banner-text h4{margin:0 0 4px;font-size:1.1rem;font-weight:600;line-height:1.3}.banner-text p{margin:0 0 8px;font-size:.95rem;line-height:1.4;opacity:.9}.next-action{display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:500;margin-top:4px}.next-action-icon{font-size:1rem}.next-action-text{font-style:italic}.banner-progress{flex-shrink:0;position:relative}.progress-circle{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.progress-circle svg{transform:rotate(-90deg)}.progress-fill{transition:stroke-dasharray .5s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;line-height:1}.banner-actions{flex-shrink:0;display:flex;align-items:center;gap:8px}.banner-actions .btn{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;text-decoration:none;border-radius:6px;transition:all .2s ease;white-space:nowrap}.banner-actions .btn-primary{background:#007bffe6;color:#fff;border:1px solid rgba(0,123,255,.9)}.banner-actions .btn-primary:hover{background:#007bff;transform:translateY(-1px)}.btn-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#0000001a;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;color:currentColor}.btn-close:hover{background:#0003;transform:scale(1.1)}.banner-details{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}.missing-categories{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.875rem}.details-label{font-weight:600;opacity:.8}.missing-category{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#0000001a;border-radius:12px;font-size:.8rem;font-weight:500}.more-categories{font-style:italic;opacity:.7;font-size:.8rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.profile-completion-banner{padding:12px 16px;margin:0 0 16px}.banner-content{gap:12px}.banner-icon{width:36px;height:36px}.banner-text h4{font-size:1rem}.banner-text p{font-size:.9rem}.progress-circle{width:36px;height:36px}.progress-text{font-size:.7rem}.banner-actions .btn{padding:6px 12px;font-size:.8rem}.btn-close{width:28px;height:28px}}@media (max-width: 480px){.banner-content{flex-direction:column;align-items:stretch;gap:12px}.banner-text{text-align:center}.banner-progress{align-self:center}.banner-actions{justify-content:center}.banner-details{text-align:center}.missing-categories{justify-content:center}}.dashboard{min-height:100vh;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);padding:140px 0 20px;transition:background var(--transition-normal)}.success-banner{background:linear-gradient(135deg,var(--success-color),#c3e6cb);border:1px solid var(--success-color);border-radius:8px;padding:15px 20px;margin-bottom:20px;display:flex;align-items:center;gap:10px;color:var(--white);font-weight:500;animation:slideDown .3s ease-out}.success-banner .success-icon{font-size:1.2em}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:var(--text-primary)}.loading-spinner{width:40px;height:40px;border:4px solid var(--light-bg);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.dashboard-layout{display:flex;flex-direction:column;gap:20px;max-width:1400px;margin:0 auto}.dashboard-header{background:var(--card-bg);border-radius:15px;padding:20px 30px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);display:flex;align-items:center;gap:30px;position:sticky;top:120px;z-index:10;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.dashboard-header:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.user-info{display:flex;align-items:center;gap:15px;flex-shrink:0}.user-avatar{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.user-avatar svg{color:#fff!important}.user-avatar:hover{transform:scale(1.05);box-shadow:var(--shadow-glow)}.user-details h3{color:var(--text-primary);margin-bottom:2px;font-size:1rem;font-weight:600}.user-details p{color:var(--text-secondary);font-size:.85rem;margin:0}.dashboard-nav{display:flex;gap:10px;flex:1;justify-content:center}.nav-item{display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;color:var(--text-primary);font-size:14px;font-weight:500;border-radius:25px;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.nav-item:hover{background:var(--light-bg);color:var(--primary-color)}.nav-item.active{background:var(--primary-color)!important;color:var(--white)!important;border:2px solid var(--primary-color)!important;box-shadow:0 2px 4px #0000001a}.dashboard-nav .nav-item svg,.dashboard-header .dashboard-nav .nav-item svg{color:currentColor!important}.dashboard-content{background:var(--bg-primary);border-radius:15px;padding:40px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.dashboard-content:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.welcome-section{margin-bottom:30px}.welcome-section h2{color:var(--text-primary);margin-bottom:8px}.welcome-section p{color:var(--text-secondary);font-size:1.1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:var(--bg-secondary);padding:25px 20px;border-radius:12px;display:flex;align-items:center;justify-content:flex-start;gap:20px;border:1px solid var(--border-color);transition:all var(--transition-normal);cursor:pointer;min-height:100px}.stat-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.stat-icon{color:var(--white);background:var(--primary-color);width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-theme=light] .stat-icon,[data-theme=dark] .stat-icon{color:var(--white)!important;background:var(--primary-color)}.stat-content{flex:1;display:flex;flex-direction:column;justify-content:center}.stat-content h3{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 5px;line-height:1.2}.stat-content p{color:var(--text-secondary);font-size:.9rem;margin:0;font-weight:500}.dashboard-sections{display:grid;grid-template-columns:2fr 1fr;gap:30px}.section{background:var(--bg-primary);padding:28px;border-radius:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s ease}.section:hover{box-shadow:var(--shadow-md)}.section h3{color:var(--text-primary);margin-top:0;margin-bottom:20px;font-size:1.3rem;font-weight:600;position:relative;padding-bottom:12px;padding-top:4px}.section h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:2px}.appointments-list{display:flex;flex-direction:column;gap:16px;margin-top:8px;padding:12px;background:var(--light-bg);border-radius:8px;border:1px solid var(--border-color)}.appointment-item{background:var(--card-bg);padding:20px 24px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s ease;position:relative;overflow:hidden;margin:0}.appointment-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover))}.appointment-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.appointment-info{flex:1;padding-right:20px}.appointment-info h4{color:var(--text-primary);margin-bottom:8px;font-size:1.1rem;font-weight:600}.appointment-info p{color:var(--text-secondary);margin-bottom:10px;font-weight:500;display:flex;align-items:center;gap:8px}.appointment-info p:before{content:"👨‍⚕️";font-size:.9rem}.appointment-meta{display:flex;gap:20px;font-size:.9rem;color:var(--text-secondary);margin-top:12px}.appointment-meta span{display:flex;align-items:center;gap:6px;background:var(--light-bg);padding:6px 10px;border-radius:6px;font-weight:500}.appointment-meta span svg{color:var(--primary-color)}.appointment-status{padding:8px 16px;border-radius:25px;font-size:.85rem;font-weight:600;text-transform:capitalize;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a;min-width:90px;text-align:center}.appointment-status.confirmed{background:var(--success-color);color:var(--white);border:1px solid var(--success-color)}.appointment-status.pending{background:var(--warning-color);color:var(--white);border:1px solid var(--warning-color)}.appointment-status.scheduled{background:var(--info-color);color:var(--white);border:1px solid var(--info-color)}.appointment-status.cancelled{background:var(--danger-color);color:var(--white);border:1px solid var(--danger-color)}.appointment-status.completed{background:var(--info-color);color:var(--white);border:1px solid var(--info-color)}.quick-actions{display:grid;grid-template-columns:1fr;gap:12px;padding:8px;overflow:hidden}.action-btn{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:16px 18px;margin:0 4px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.action-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));transition:width .3s ease;pointer-events:none;z-index:0}.action-btn:hover{border-color:var(--primary-color)!important;color:var(--primary-color)!important;background:var(--bg-tertiary)!important;transform:translate(2px) scale(1.02)!important;box-shadow:var(--shadow-md)!important}.action-btn:hover:before{width:4px}.action-btn svg{transition:transform .3s ease;position:relative;z-index:2}.action-btn:hover svg{transform:scale(1.1)!important;color:var(--primary-color)!important}.quick-actions .action-btn.hover-scale:hover{border-color:var(--primary-color)!important;color:var(--primary-color)!important;background:var(--bg-tertiary)!important;transform:translate(2px) scale(1.02)!important;box-shadow:var(--shadow-md)!important}.action-btn span,.action-btn>*{position:relative;z-index:2}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-header h2{color:var(--text-primary);margin:0}.appointments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.appointment-card{background:var(--light-bg);padding:25px;border-radius:12px;border:1px solid rgba(65,117,252,.1)}.appointment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.appointment-header h3{color:var(--text-primary);margin:0}.status-badge{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize}.status-badge.confirmed{background:var(--success-color);color:var(--white)}.status-badge.pending{background:var(--warning-color);color:var(--white)}.status-badge.cancelled{background:var(--danger-color);color:var(--white)}.status-badge.completed{background:var(--info-color);color:var(--white)}.status-badge.no-show{background:var(--danger-color);color:var(--white)}.appointment-details{margin-bottom:20px}.appointment-details p{color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:8px}.appointment-actions{display:flex;gap:10px}.appointment-actions .btn{flex:1;padding:8px 12px;font-size:.9rem}.pending-note{color:var(--primary-color);font-style:italic;font-size:.9rem}.cancelled-note{color:#dc3545;font-style:italic;font-size:.9rem;font-weight:500}.status-note{color:#6c757d;font-style:italic;font-size:.9rem}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:var(--white);border:none;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:6px}.btn-danger:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.profile-content{display:grid;grid-template-columns:1fr 2fr;gap:30px}.profile-card{background:var(--light-bg);padding:30px;border-radius:12px;text-align:center}.profile-avatar{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0;position:relative}.profile-avatar svg{color:#fff!important}.profile-avatar:after{content:"";position:absolute;bottom:5px;right:5px;width:16px;height:16px;background:#4caf50;border-radius:50%;border:3px solid var(--bg-primary)}.profile-user-info{flex:1}.profile-user-info h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:5px;font-weight:600}.profile-user-info p{color:var(--text-secondary);margin:0;font-size:.95rem}.profile-edit-btn{padding:10px 20px;font-size:.9rem;display:flex;align-items:center;gap:8px}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 40px}.profile-field{display:flex;flex-direction:column;gap:8px}.profile-field label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.profile-field-value{color:var(--text-primary);font-size:1rem;font-weight:500;padding:12px 0;border-bottom:1px solid var(--border-color)}.profile-details{display:flex;flex-direction:column;gap:30px}.detail-group{background:var(--bg-secondary);padding:25px;border-radius:12px;border:1px solid var(--border-color)}.detail-group h4{color:var(--text-primary);margin-bottom:20px;font-size:1.1rem;font-weight:600;border-bottom:1px solid var(--border-color);padding-bottom:10px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.detail-item{display:flex;align-items:center;gap:12px;color:var(--text-secondary);margin-bottom:12px}.detail-item-full{grid-column:1 / -1}.detail-item label{font-weight:600;color:var(--text-primary);min-width:120px}.detail-item span{color:var(--text-secondary)}.status-active,.status-verified{color:var(--success-color)!important;font-weight:600}.status-pending{color:var(--warning-color)!important;font-weight:600}.detail-item svg{color:var(--primary-color)}.medical-records{display:flex;flex-direction:column;gap:20px}.medical-record{background:var(--light-bg);padding:25px;border-radius:12px;border-left:4px solid var(--primary-color)}.record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.record-header h3{color:var(--text-primary);margin:0}.record-date{color:var(--text-secondary);font-size:.9rem}.medical-record p{color:var(--text-secondary);margin-bottom:8px}.empty-state{text-align:center;padding:32px 20px;color:var(--text-secondary);background:var(--bg-tertiary);border-radius:8px;border:2px dashed var(--border-color);margin:8px 12px}.empty-state svg{color:var(--primary-color);margin-bottom:16px;opacity:.7}.empty-state h3{color:var(--text-primary);margin-bottom:8px;font-size:1.1rem}.empty-state p{margin-bottom:16px;font-size:.95rem;opacity:.8}.coming-soon{text-align:center;padding:80px 20px;color:var(--text-secondary)}.coming-soon svg{color:var(--primary-color);margin-bottom:20px}.coming-soon h3{color:var(--text-primary);margin-bottom:10px}.profile-section{animation:fadeIn .6s ease-out}.profile-layout{max-width:1000px;margin:0 auto}.profile-main{background:var(--bg-primary);border-radius:15px;padding:40px;border:1px solid var(--border-color)}.profile-user-header{display:flex;align-items:center;gap:20px;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid var(--border-color)}.profile-header:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:#ffffff1a;border-radius:50%;transform:translate(50%,-50%)}.profile-avatar{width:100px;height:100px;background:#fff3;border:3px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0;position:relative;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-info{position:relative;z-index:2}.profile-info h3{color:var(--white);font-size:2rem;margin-bottom:8px;font-weight:700}.profile-email{color:#ffffffe6;font-size:1.1rem;margin-bottom:10px;font-weight:400}.profile-role{color:var(--white);font-weight:600;font-size:.95rem;background:#fff3;padding:8px 16px;border-radius:25px;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.profile-details{padding:35px 30px;display:flex;flex-direction:column;gap:35px}.detail-group{position:relative}.detail-group h4{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--primary-color);position:relative;display:flex;align-items:center;gap:10px}.detail-group h4:before{content:"";width:4px;height:20px;background:var(--primary-color);border-radius:2px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.detail-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:18px;transition:all var(--transition-normal);position:relative;overflow:hidden}.detail-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover))}.detail-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.detail-item label{color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}.detail-item span{color:var(--text-primary);font-size:1.1rem;font-weight:500;display:block;word-break:break-word;min-height:24px;display:flex;align-items:center}.detail-item span:empty:before,.detail-item span[data-empty=true]:before{content:"Not provided";color:var(--text-muted);font-style:italic;opacity:.7}.detail-item[data-field=email] span{color:var(--primary-color);font-weight:600}.detail-item[data-field=phone] span{font-family:Courier New,monospace;letter-spacing:.5px}.detail-item[data-field=role] span{color:var(--primary-color);font-weight:600;text-transform:capitalize}@keyframes profileSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.profile-card{animation:profileSlideIn .6s ease-out}.detail-item{animation:profileSlideIn .6s ease-out;animation-delay:calc(var(--item-index, 0) * .1s)}[data-theme=dark] .profile-card{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .profile-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover))}[data-theme=dark] .profile-header:before{background:#ffffff0d}[data-theme=dark] .profile-avatar{background:#ffffff1a;border-color:#fff3}[data-theme=dark] .profile-role{background:#ffffff26;border-color:#fff3}[data-theme=dark] .detail-group h4{border-bottom-color:var(--primary-color)}[data-theme=dark] .detail-item{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .detail-item:hover{border-color:var(--primary-color);box-shadow:0 4px 20px #0000004d}@media (max-width: 768px){.dashboard{padding:90px 0 20px;min-height:100vh}.dashboard-header{position:sticky;top:80px;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:15px 20px;margin-bottom:0;box-shadow:0 2px 8px #0000001a;flex-direction:column;align-items:flex-start;gap:15px}.user-info{display:flex;align-items:center;gap:12px;width:100%}.user-avatar{width:50px;height:50px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600;font-size:1.2rem}.user-avatar svg{color:var(--white)!important}.user-details h3{font-size:1.1rem;margin:0;color:var(--text-primary)}.user-details p{font-size:.85rem;margin:0;color:var(--text-secondary)}.dashboard-nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;width:100%;padding:0 5px 5px}.nav-item{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 8px;font-size:13px;font-weight:500;border-radius:10px;touch-action:manipulation;transition:all .2s ease;border:2px solid transparent;text-align:center;min-width:0;flex-direction:column}.nav-item:active{transform:scale(.98)}.dashboard-header .dashboard-nav .nav-item.active{background:var(--primary-color)!important;color:var(--white)!important;border:2px solid var(--primary-color)!important;box-shadow:0 2px 8px var(--shadow-color)!important;transform:translateY(-1px)!important}.dashboard-header .dashboard-nav .nav-item svg{color:currentColor!important}.dashboard-header .dashboard-nav .nav-item{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-primary)}.dashboard-header .dashboard-nav .nav-item:hover:not(.active){background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px);box-shadow:0 1px 4px var(--shadow-color)}.nav-item svg{flex-shrink:0;width:18px;height:18px}@media (max-width: 360px){.nav-item{font-size:12px;padding:10px 6px;gap:4px}.nav-item svg{width:16px;height:16px}}.dashboard-content{padding:20px;margin-top:0}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.stat-card{padding:16px 12px;min-height:85px;border-radius:12px;touch-action:manipulation;transition:all .2s ease}.stat-card:active{transform:scale(.98)}.stat-icon{width:45px;height:45px;border-radius:10px}.stat-content h3{font-size:1.4rem;line-height:1.2;margin-bottom:4px}.stat-content p{font-size:.75rem;line-height:1.3}.dashboard-sections{display:flex;flex-direction:column;gap:20px}.section{border-radius:12px;padding:20px;margin-bottom:0}.section-header{margin-bottom:16px}.section-header h3{font-size:1.2rem;margin-bottom:4px}.appointments-list{border-radius:12px;overflow:hidden}.appointment-item{padding:16px;border-radius:0;border-bottom:1px solid var(--border-light);touch-action:manipulation;transition:all .2s ease}.appointment-item:last-child{border-bottom:none}.appointment-item:active{background:var(--bg-tertiary);transform:scale(.99)}.quick-actions{display:flex;flex-direction:column;gap:12px}.action-btn{padding:16px;border-radius:12px;font-size:15px;touch-action:manipulation;transition:all .2s ease}.action-btn:active{transform:scale(.98)}.profile-content{margin:0;padding:0}.profile-header{padding:25px 20px;flex-direction:column;text-align:center;gap:16px;border-radius:12px}.profile-avatar{width:75px;height:75px}.profile-info h3{font-size:1.5rem;margin-bottom:4px}.profile-email{font-size:.9rem}.profile-details{padding:20px;gap:20px}.detail-group h4{font-size:1.1rem;margin-bottom:12px}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-item{padding:14px;border-radius:10px;touch-action:manipulation}.detail-item label{font-size:.75rem;margin-bottom:4px}.detail-item span{font-size:.95rem}.profile-main{padding:20px}.profile-user-header{flex-direction:column;text-align:center;gap:12px;margin-bottom:25px}.profile-form-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 544px){.dashboard{padding:85px 0 15px}.dashboard-content{padding:15px}.nav-item{min-width:100px;padding:12px 8px;font-size:13px;gap:6px}.nav-item svg{width:18px;height:18px}.stats-grid{grid-template-columns:1fr;gap:10px}.stat-card{padding:14px 12px;min-height:75px}.stat-icon{width:40px;height:40px}.stat-content h3{font-size:1.3rem}.stat-content p{font-size:.7rem}.appointment-item{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.appointment-info{width:100%;padding-right:0}.appointment-info h4{font-size:1rem;margin-bottom:6px}.appointment-meta{flex-direction:column;gap:6px;width:100%}.appointment-meta span{justify-content:flex-start;font-size:.8rem;padding:4px 8px}.appointment-status{align-self:flex-start;margin-top:0;font-size:.75rem;padding:4px 8px}.appointment-actions{flex-direction:column;gap:8px;width:100%}.action-btn{padding:12px;font-size:14px;width:100%}.section-header{flex-direction:column;gap:12px;align-items:flex-start}.section-header h3{font-size:1.1rem}.profile-avatar{width:65px;height:65px}.profile-info h3{font-size:1.3rem}.user-avatar{width:45px;height:45px;font-size:1rem}.user-details h3{font-size:1rem}.user-details p{font-size:.8rem}}[data-theme=dark] .dashboard{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}[data-theme=dark] .dashboard-sidebar{background:var(--bg-primary);border:1px solid var(--border-color)}[data-theme=dark] .user-details h3{color:var(--text-primary)}[data-theme=dark] .user-details p{color:var(--text-secondary)}[data-theme=dark] .nav-item{color:var(--text-primary)}[data-theme=dark] .nav-item:hover{background:var(--bg-secondary);color:var(--primary-color)}[data-theme=dark] .nav-item.active{background:var(--primary-color);color:var(--white)}[data-theme=dark] .dashboard-nav .nav-item svg,[data-theme=dark] .dashboard-header .dashboard-nav .nav-item svg{color:currentColor!important}[data-theme=dark] .dashboard-content{background:var(--bg-primary);border:1px solid var(--border-color)}[data-theme=dark] .welcome-section h2{color:var(--text-primary)}[data-theme=dark] .welcome-section p{color:var(--text-secondary)}[data-theme=dark] .stat-card{background:var(--bg-secondary);border:1px solid var(--border-color)}[data-theme=dark] .stat-card:hover{border-color:var(--primary-color)}[data-theme=dark] .stat-content h3{color:var(--text-primary)}[data-theme=dark] .stat-content p{color:var(--text-secondary)}[data-theme=dark] .section{background:var(--bg-primary);border:1px solid var(--border-color)}[data-theme=dark] .section h3{color:var(--text-primary)}[data-theme=dark] .appointments-list{background:var(--bg-secondary);border:1px solid var(--border-color)}[data-theme=dark] .appointment-item{background:var(--bg-primary);border:1px solid var(--border-color)}[data-theme=dark] .appointment-item:hover{border-color:var(--primary-color)}[data-theme=dark] .appointment-card{background:var(--bg-secondary);border:1px solid var(--border-color)}[data-theme=dark] .appointment-card:hover{border-color:var(--primary-color);box-shadow:0 4px 15px #0000004d}[data-theme=dark] .appointment-header h3,[data-theme=dark] .appointment-info h4{color:var(--text-primary)}[data-theme=dark] .appointment-info p,[data-theme=dark] .appointment-meta{color:var(--text-secondary)}[data-theme=dark] .appointment-meta span{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .action-btn{background:var(--bg-primary)!important;border:2px solid var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .action-btn:hover,[data-theme=dark] .quick-actions .action-btn.hover-scale:hover{border-color:var(--primary-color)!important;color:var(--primary-color)!important;background:var(--bg-secondary)!important;transform:translate(2px) scale(1.02)!important;box-shadow:var(--shadow-md)!important}[data-theme=dark] .action-btn:hover svg{color:var(--primary-color)!important;transform:scale(1.1)!important}[data-theme=dark] .empty-state{background:var(--bg-secondary);border:1px solid var(--border-color)}[data-theme=dark] .empty-state h3{color:var(--text-primary)}[data-theme=dark] .empty-state p{color:var(--text-secondary)}[data-theme=dark] .book-appointment-btn{background:var(--primary-color);color:var(--white);border:2px solid var(--primary-color)}[data-theme=dark] .book-appointment-btn:hover{background:var(--primary-hover);border-color:var(--primary-hover)}[data-theme=dark] .coming-soon,[data-theme=dark] .coming-soon h3,[data-theme=dark] .loading-state{color:var(--text-primary)}[data-theme=dark] .loading-spinner{border-color:var(--bg-secondary);border-top-color:var(--primary-color)}[data-theme=dark] .success-banner{background:linear-gradient(135deg,var(--success-color),#2d5a3d);border-color:var(--success-color);color:var(--white)}[data-theme=light] .appointment-status.confirmed,[data-theme=light] .appointment-status.pending,[data-theme=light] .appointment-status.scheduled,[data-theme=light] .appointment-status.cancelled,[data-theme=light] .appointment-status.completed,[data-theme=light] .status-badge.confirmed,[data-theme=light] .status-badge.pending,[data-theme=light] .status-badge.cancelled,[data-theme=light] .status-badge.completed,[data-theme=light] .nav-item.active,[data-theme=light] .sidebar-nav .nav-item.active{color:var(--white)!important}[data-theme=light] .nav-item:hover,[data-theme=light] .sidebar-nav .nav-item:hover{color:var(--primary-color)!important;background:var(--light-bg)!important}[data-theme=light] .action-btn.primary,[data-theme=light] .book-appointment-btn,[data-theme=light] .btn-primary,[data-theme=light] .btn-success,[data-theme=light] .btn-warning,[data-theme=light] .btn-danger,[data-theme=light] .btn-info,[data-theme=light] .bg-success,[data-theme=light] .bg-warning,[data-theme=light] .bg-danger,[data-theme=light] .bg-info,[data-theme=light] .bg-primary,[data-theme=light] .bg-success *,[data-theme=light] .bg-warning *,[data-theme=light] .bg-danger *,[data-theme=light] .bg-info *,[data-theme=light] .bg-primary *{color:var(--white)!important}[data-theme=dark] .profile-form{background:var(--bg-primary)}[data-theme=dark] .form-group label{color:var(--text-primary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea,[data-theme=dark] .form-group select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus,[data-theme=dark] .form-group select:focus{border-color:var(--primary-color);background:var(--bg-primary)}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:var(--text-muted)}[data-theme=dark] .btn-primary{background:var(--primary-color);color:var(--white);border:2px solid var(--primary-color)}[data-theme=dark] .btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}[data-theme=dark] .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}[data-theme=dark] .btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}[data-theme=dark] .medical-history-item{background:var(--bg-primary);border:1px solid var(--border-color)}[data-theme=dark] .medical-history-item h4{color:var(--text-primary)}[data-theme=dark] .medical-history-item p{color:var(--text-secondary)}[data-theme=dark] .medical-history-meta span{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=light] .success-banner svg,[data-theme=light] .btn-primary svg,[data-theme=light] .btn-success svg,[data-theme=light] .btn-warning svg,[data-theme=light] .btn-danger svg,[data-theme=light] .btn-info svg,[data-theme=light] .action-btn.primary svg{color:#fff!important}.admin-dashboard{min-height:100vh;background:var(--bg-secondary);padding:140px 20px 20px}.dashboard-header{text-align:center;margin-bottom:15px;position:static;background:transparent;z-index:auto}.dashboard-header h1{color:var(--text-primary);margin-bottom:5px;font-size:1.8rem}.dashboard-header p{color:var(--text-secondary);font-size:1rem;margin:0}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:var(--text-primary)}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--bg-primary);padding:25px;border-radius:12px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);display:flex;align-items:center;gap:20px}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--white)}.stat-icon svg{color:#fff!important}[data-theme=light] .stat-icon,[data-theme=dark] .stat-icon{color:var(--white)!important}.stat-icon.today{background:linear-gradient(135deg,#28a745,#20c997)}.stat-icon.total{background:linear-gradient(135deg,var(--primary-color),#4c6ef5)}.stat-content h3{font-size:2rem;font-weight:700;color:var(--dark-color);margin:0}.stat-content p{color:var(--text-color);margin:5px 0 0;font-weight:500}.dashboard-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #e9ecef;position:static;background:transparent;z-index:auto}.tab-button{padding:12px 24px;border:none;background:none;color:var(--text-color);font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease}.tab-button:hover{color:var(--primary-color)}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.appointments-section h2{color:var(--dark-color);margin-bottom:20px}.appointments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.admin-dashboard .appointment-card{background:var(--card-bg);border-radius:16px;padding:0;box-shadow:0 2px 16px #0000000a;border:1px solid var(--border-light);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-dashboard .appointment-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 8px 32px #4a674126;border-color:var(--primary-color)}.admin-dashboard .appointment-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);opacity:.02;transition:opacity .3s ease}.admin-dashboard .appointment-card:hover:before{opacity:.05}.admin-dashboard .card-content{padding:20px;position:relative;z-index:1}.admin-dashboard .patient-section{display:flex;align-items:center;gap:12px;margin-bottom:16px}.admin-dashboard .patient-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;letter-spacing:.5px;box-shadow:0 4px 12px #4a67414d}.admin-dashboard .patient-details{flex:1;min-width:0}.admin-dashboard .patient-name{color:var(--text-primary);margin:0 0 4px;font-size:1.1rem;font-weight:600;line-height:1.3}.admin-dashboard .contact-row{display:flex;gap:12px;flex-wrap:wrap}.admin-dashboard .contact-item{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:.75rem;background:var(--light-bg);padding:2px 6px;border-radius:6px}.admin-dashboard .contact-item svg{color:var(--primary-color);opacity:.8}.status-badge{padding:10px 18px;border-radius:30px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 16px #00000026;border:none;position:relative;overflow:hidden;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:100px;justify-content:center}.status-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.status-badge:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #00000040}.status-badge:hover:before{left:100%}.status-pending{background:linear-gradient(135deg,#ff9500,#ff6b35);color:var(--white);box-shadow:0 4px 16px #ff95004d}.status-pending:after{content:"⏳";font-size:1rem;margin-left:4px}.status-pending:hover{box-shadow:0 8px 24px #ff950066}.status-confirmed{background:linear-gradient(135deg,#00c851,#007e33);color:var(--white);box-shadow:0 4px 16px #00c8514d}.status-confirmed:after{content:"✅";font-size:1rem;margin-left:4px}.status-confirmed:hover{box-shadow:0 8px 24px #00c85166}.status-completed{background:linear-gradient(135deg,#007bff,#0056b3);color:var(--white);box-shadow:0 4px 16px #007bff4d}.status-completed:after{content:"🏁";font-size:1rem;margin-left:4px}.status-completed:hover{box-shadow:0 8px 24px #007bff66}.status-cancelled{background:linear-gradient(135deg,#dc3545,#c82333);color:var(--white);box-shadow:0 4px 16px #dc35454d}.status-cancelled:after{content:"❌";font-size:1rem;margin-left:4px}.status-cancelled:hover{box-shadow:0 8px 24px #dc354566}.status-rejected{background:linear-gradient(135deg,#6c757d,#495057);color:var(--white);box-shadow:0 4px 16px #6c757d4d}.status-rejected:after{content:"🚫";font-size:1rem;margin-left:4px}.status-rejected:hover{box-shadow:0 8px 24px #6c757d66}.admin-dashboard .appointment-summary{display:flex;flex-direction:column;gap:12px}.admin-dashboard .time-location{background:var(--light-bg);border-radius:12px;padding:12px;border-left:3px solid var(--primary-color)}.admin-dashboard .primary-info{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-weight:600;color:var(--text-primary);font-size:.85rem;flex-wrap:wrap}.admin-dashboard .primary-info svg{color:var(--primary-color);flex-shrink:0}.admin-dashboard .location-info{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.75rem;font-weight:500}.admin-dashboard .location-info svg{color:var(--primary-color);opacity:.7;flex-shrink:0}.admin-dashboard .date-info,.admin-dashboard .time-info{display:flex;align-items:center;gap:6px;white-space:nowrap}.admin-dashboard .date-info svg,.admin-dashboard .time-info svg{flex-shrink:0}.admin-dashboard .service-section{display:flex;flex-direction:column;gap:8px}.admin-dashboard .service-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:var(--white);padding:8px 12px;border-radius:20px;font-size:.8rem;font-weight:600;align-self:flex-start;box-shadow:0 2px 8px #4a67414d}.admin-dashboard .service-badge svg{color:var(--white)}.admin-dashboard .reason-text{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.8rem;font-style:italic;padding:6px 12px;background:var(--bg-secondary);border-radius:8px;border-left:2px solid var(--accent-color)}.admin-dashboard .reason-text svg{color:var(--accent-color)}.appointment-actions{display:flex;gap:10px;padding-top:15px;border-top:1px solid #e9ecef}.btn{padding:8px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;font-size:.9rem}.btn-success{background:#28a745;color:#fff}.btn-success:hover:not(:disabled){background:#218838}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.error-state{text-align:center;padding:60px 20px;color:var(--text-color);max-width:600px;margin:0 auto}.error-state h2{color:#dc3545;margin-bottom:20px}.error-state .btn{margin:20px 0}.error-details{background:#f8f9fa;padding:20px;border-radius:8px;margin-top:20px;text-align:left}.error-details ul{margin:10px 0;padding-left:20px}.error-details li{margin:5px 0}.empty-state{text-align:center;padding:80px 30px;color:var(--text-secondary);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-radius:20px;border:2px dashed var(--border-light);transition:all .3s ease;position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(74,103,65,.05) 0%,transparent 70%);pointer-events:none}.empty-state:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 24px #4a67411a}.empty-state svg{color:var(--primary-color);margin-bottom:24px;opacity:.8;transition:all .3s ease}.empty-state:hover svg{transform:scale(1.1);opacity:1}.empty-state h3{color:var(--text-primary);margin-bottom:12px;font-size:1.4rem;font-weight:600}.empty-state p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:24px;max-width:400px;margin-left:auto;margin-right:auto}.slots-section{padding:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header h2{margin:0;color:var(--text-primary)}.header-actions{display:flex;gap:12px;align-items:center}.header-actions .btn-primary{background:var(--primary-color)!important;color:var(--white)!important;border:2px solid var(--primary-color)!important;font-weight:500;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:8px;transition:all .3s ease}.header-actions .btn-primary:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important;transform:translateY(-2px);box-shadow:0 4px 15px #4a67414d}.header-actions .btn-primary,.header-actions .btn-primary *,.header-actions .btn-primary span{color:var(--white)!important}.header-actions .btn-primary svg{color:var(--white)!important}.btn-secondary{background:#6c757d;color:#fff;border:1px solid #6c757d;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.btn-secondary:hover{background:#5a6268;border-color:#5a6268}.slot-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.slot-form{background:#fff;padding:2rem;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.slot-form h3{margin-top:0;margin-bottom:1.5rem;color:var(--text-primary)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.pagination-container{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;padding:1rem;background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-sm)}.pagination-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.pagination-info{color:var(--text-secondary);font-size:.9rem}.page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.page-size-select{padding:.25rem .5rem;border:1px solid #e1e5e9;border-radius:4px;background:var(--white);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:border-color .2s ease}.page-size-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4a67411a}.page-size-select:hover{border-color:var(--primary-color)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:.25rem;flex-wrap:wrap}.pagination-nav{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e1e5e9;background:var(--white);color:var(--text-secondary);border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.pagination-nav:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.pagination-nav:disabled{opacity:.4;cursor:not-allowed;color:#c1c7cd}.pagination-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;background:transparent;color:var(--text-primary);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.pagination-number:hover{background:#f8f9fa;color:var(--primary-color)}.pagination-number.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.pagination-dots{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text-secondary);font-size:14px;-webkit-user-select:none;user-select:none}.slots-table-container{overflow-x:auto;border-radius:12px;box-shadow:var(--shadow-md);background:var(--card-bg)}.slots-table{width:100%;border-collapse:collapse;font-size:.9rem}.slots-table thead{background:var(--primary-color);color:var(--white)}.slots-table th{padding:1rem .75rem;text-align:left;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.slots-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.slots-table tbody tr:hover{background-color:var(--light-bg)}.slots-table tbody tr.booked{background-color:#fff3cd}.slots-table tbody tr.booked:hover{background-color:#ffeaa7}.slots-table td{padding:1rem .75rem;vertical-align:middle}.date-display,.time-display,.location-display,.patient-info{display:flex;align-items:center;gap:.5rem;color:var(--dark-color)}.date-display{font-weight:500}.time-display{font-weight:500;color:var(--primary-color)}.location-display{color:var(--text-secondary);font-size:.85rem}.patient-info{color:var(--dark-color);font-weight:500}.no-patient{color:var(--text-muted);font-style:italic}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-available{background:var(--success-color);color:var(--white)}.status-booked{background:var(--danger-color);color:var(--white)}.btn-delete{background:transparent;border:1px solid #dc3545;color:#dc3545;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-delete:hover:not(:disabled){background:#dc3545;color:#fff}.btn-delete:disabled{opacity:.5;cursor:not-allowed;border-color:#ccc;color:#ccc}@media (max-width: 480px){.slots-section{padding:.75rem}.section-header{position:static;background:transparent;padding:1rem 0;margin-bottom:1rem;border-bottom:1px solid var(--border-color)}.section-header h2{font-size:1.3rem;margin-bottom:.5rem}.slots-table-container{border-radius:6px}.slots-table{font-size:.75rem}.slots-table th{padding:.5rem .25rem;font-size:.7rem}.slots-table td{padding:.5rem .25rem}.slots-table th:nth-child(3),.slots-table td:nth-child(3){display:none}.slot-form{width:98%;padding:.75rem;border-radius:8px}.slot-form h3{font-size:1.1rem}.form-group input,.form-group select{padding:.6rem}}.slot-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem;transition:box-shadow .3s}.slot-card:hover{box-shadow:0 2px 8px #0000001a}.slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.slot-date{font-weight:600;color:var(--text-primary)}.slot-actions{display:flex;gap:.5rem}.btn-icon{background:none;border:none;padding:.25rem;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:all .3s}.btn-icon:hover:not(:disabled){background:var(--light-bg);color:var(--danger-color)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.slot-time{font-size:1.1rem;font-weight:500;margin-bottom:.5rem;color:var(--primary-color)}.slot-location{display:flex;align-items:center;gap:.25rem;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem;text-transform:capitalize}.slot-status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-align:center;margin-bottom:.5rem}.slot-status.available{background:var(--success-color);color:var(--white)}.slot-status.booked{background:var(--danger-color);color:var(--white)}.slot-patient{font-size:.8rem;color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.admin-dashboard{padding:100px 15px 15px}.dashboard-stats{grid-template-columns:1fr;gap:15px}.stat-card{padding:20px}.stat-icon{width:50px;height:50px}.stat-content h3{font-size:1.5rem}.appointments-grid{grid-template-columns:1fr}.appointment-header{flex-direction:column;gap:15px}.appointment-actions,.dashboard-tabs{flex-direction:column}.tab-button{text-align:left;border-bottom:none;border-left:3px solid transparent;padding-left:20px}.tab-button.active{border-left-color:var(--primary-color);border-bottom-color:transparent}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.slots-section{padding:1rem}.slots-table-container{border-radius:8px}.slots-table{font-size:.8rem}.slots-table th{padding:.75rem .5rem;font-size:.75rem}.slots-table td{padding:.75rem .5rem}.date-display,.time-display,.location-display,.patient-info{gap:.25rem}.date-display,.time-display{font-size:.8rem}.location-display{font-size:.75rem}.patient-info{font-size:.8rem}.status-badge{padding:.2rem .5rem;font-size:.7rem}.btn-delete{padding:.4rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:.5rem}.slot-form{width:95%;padding:1rem;max-height:85vh}.slot-form h3{font-size:1.2rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.9rem;margin-bottom:.5rem}.form-group input,.form-group select{font-size:1rem;padding:.75rem}.pagination-container{padding:.75rem;margin-top:1rem}.pagination-header{flex-direction:column;align-items:center;gap:.75rem}.pagination-info,.page-size-selector{font-size:.8rem}.page-size-select{font-size:.8rem;padding:.2rem .4rem}.pagination-controls{gap:.15rem}.pagination-nav,.pagination-number{width:32px;height:32px;font-size:13px}.pagination-nav{font-size:14px}.pagination-dots{width:32px;height:32px;font-size:12px}}.radio-group{display:flex;flex-direction:column;gap:12px;margin-top:8px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .3s ease}.radio-option:hover{background-color:var(--light-bg)}.radio-option input[type=radio]{width:auto;margin:0}.radio-option span{font-weight:500;color:var(--text-primary)}.form-group small{display:block;margin-top:4px;color:var(--text-secondary);font-size:.85rem;font-style:italic}.bulk-generate-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin:16px 0}.bulk-generate-info p{margin:0 0 12px;color:var(--text-primary);font-size:.9rem}.bulk-generate-info ul{margin:0;padding-left:20px}.bulk-generate-info li{color:var(--text-secondary);font-size:.85rem;margin-bottom:4px}.btn-outline{background:transparent!important;border:1px solid var(--primary-color)!important;color:var(--primary-color)!important}.btn-outline:hover:not(:disabled){background:var(--primary-color)!important;color:var(--white)!important;border-color:var(--primary-color)!important}[data-theme=light] .btn-outline:hover:not(:disabled){background:var(--primary-color)!important;color:var(--white)!important;border-color:var(--primary-color)!important}[data-theme=dark] .btn-outline:hover:not(:disabled){background:var(--primary-color)!important;color:var(--white)!important;border-color:var(--primary-color)!important}.section-header .btn-outline{background:transparent!important;border:2px solid var(--primary-color)!important;color:var(--primary-color)!important;padding:8px 16px!important;font-weight:500!important;transition:all .3s ease!important}.section-header .btn-outline:hover:not(:disabled){background:var(--primary-color)!important;color:var(--white)!important;border-color:var(--primary-color)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #4a67414d!important}.section-header .btn-outline svg{color:inherit!important}.section-header .btn-outline:hover:not(:disabled) svg{color:var(--white)!important}.slots-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:24px}.slots-info p{margin:0 0 12px;color:var(--primary-color);font-weight:600}.slots-info ul{margin:0;padding-left:20px}.slots-info li{color:var(--text-primary);font-size:.9rem;margin-bottom:6px;line-height:1.4}.slots-info strong{color:var(--primary-color)}.overview-section{padding:20px 0}.welcome-section{margin-bottom:30px;text-align:center}.welcome-section h2{color:var(--primary-color);margin-bottom:10px}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-icon.slots{background:linear-gradient(135deg,#17a2b8,#138496)}.quick-actions-section{margin-bottom:40px}.quick-actions-section h3{margin-bottom:20px;color:var(--dark-color)}.admin-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.action-btn{display:flex;align-items:center;gap:10px;padding:15px 20px;background:var(--light-color);border:2px solid var(--primary-color);border-radius:10px;color:var(--primary-color);font-weight:500;transition:all .3s ease;cursor:pointer;text-decoration:none}.action-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #4a67414d}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.recent-activity{margin-top:32px;background:var(--card-bg);padding:28px;border-radius:20px;border:1px solid var(--border-light);box-shadow:0 4px 24px #0000000f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:all .3s ease}.recent-activity:hover{box-shadow:0 8px 32px #0000001a;transform:translateY(-2px)}.recent-activity:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:20px 20px 0 0}.recent-activity h3{margin-bottom:24px;color:var(--text-primary);font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:12px}.recent-activity h3:before{content:"📅";font-size:1.2rem;opacity:.8}.recent-appointments{display:flex;flex-direction:column;gap:20px}.recent-appointment-item{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-radius:16px;border:2px solid transparent;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000a}.recent-appointment-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));transform:scaleY(0);transition:transform .3s ease}.recent-appointment-item:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 32px #4a674126;border-color:var(--primary-color)}.recent-appointment-item:hover:before{transform:scaleY(1)}.recent-appointment-item .appointment-info{flex:1;min-width:0}.recent-appointment-item .appointment-info h4{margin:0 0 8px;color:var(--text-primary);font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:8px}.recent-appointment-item .appointment-info h4:before{content:"👤";font-size:1rem;opacity:.7}.recent-appointment-item .appointment-info p{margin:0 0 12px;color:var(--text-secondary);font-size:1rem;font-weight:500;display:flex;align-items:center;gap:8px}.recent-appointment-item .appointment-info p:before{content:"🩺";font-size:.9rem;opacity:.8}.recent-appointment-item .appointment-meta{display:flex;flex-direction:column;gap:8px;font-size:.9rem}.recent-appointment-item .appointment-meta span{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-weight:500;padding:4px 8px;background:#4a674114;border-radius:8px;transition:all .2s ease}.recent-appointment-item .appointment-meta span:hover{background:#4a674126;color:var(--primary-color)}.recent-appointment-item .appointment-meta svg{color:var(--primary-color);flex-shrink:0}.admin-profile-content{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-top:20px}.profile-card{background:var(--light-color);padding:30px;border-radius:15px;text-align:center;border:2px solid var(--primary-color)}.profile-avatar{width:80px;height:80px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff}.profile-info h3{color:var(--dark-color);margin-bottom:10px}.profile-role{color:var(--primary-color);font-weight:600;margin-bottom:5px}.member-since{color:var(--text-light);font-size:.9rem}.profile-details{display:flex}[data-theme=light] .status-badge.confirmed,[data-theme=light] .status-badge.pending,[data-theme=light] .status-badge.cancelled,[data-theme=light] .status-badge.completed,[data-theme=light] .status-badge.available,[data-theme=light] .status-badge.booked{color:var(--white)!important}[data-theme=light] .tab-button.active,[data-theme=light] .tab-button:hover{color:var(--text-primary)!important}[data-theme=light] .btn-primary,[data-theme=light] .btn-success,[data-theme=light] .btn-warning,[data-theme=light] .btn-danger,[data-theme=light] .btn-info,[data-theme=light] .action-btn.primary{color:var(--white)!important}[data-theme=light] .btn-primary svg,[data-theme=light] .btn-success svg,[data-theme=light] .btn-warning svg,[data-theme=light] .btn-danger svg,[data-theme=light] .btn-info svg,[data-theme=light] .action-btn.primary svg,[data-theme=light] .status-badge svg{color:#fff!important}[data-theme=light] .action-btn:hover{color:var(--primary-color)!important;border-color:var(--primary-color)!important}[data-theme=light] .form-control:focus,[data-theme=light] .form-select:focus{color:var(--text-primary)!important;background:var(--bg-primary)!important}[data-theme=light] .slot-status.available,[data-theme=light] .slot-status.booked,[data-theme=light] .slot-status.cancelled,[data-theme=light] .bg-primary,[data-theme=light] .bg-success,[data-theme=light] .bg-warning,[data-theme=light] .bg-danger,[data-theme=light] .bg-info,[data-theme=light] .bg-primary *,[data-theme=light] .bg-success *,[data-theme=light] .bg-warning *,[data-theme=light] .bg-danger *,[data-theme=light] .bg-info *{color:var(--white)!important}[data-theme=light] .appointment-meta span,[data-theme=light] .detail-item{color:var(--text-primary)!important}.detail-group{flex-direction:column;gap:25px}.detail-group h4{color:var(--dark-color);margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid var(--primary-color)}@media (max-width: 768px){.overview-stats{grid-template-columns:1fr;gap:15px}.overview-stats .stat-card{padding:20px}.overview-stats .stat-icon{width:50px;height:50px}.overview-stats .stat-content h3{font-size:1.5rem}.admin-quick-actions{grid-template-columns:1fr;gap:12px}.action-btn{padding:12px 16px;font-size:.9rem}.admin-profile-content{grid-template-columns:1fr;gap:20px}.profile-card{padding:20px}.profile-avatar{width:60px;height:60px}.recent-appointment-item{flex-direction:column;align-items:flex-start;gap:16px;padding:20px;margin-bottom:16px}.recent-appointment-item:hover{transform:translateY(-2px) scale(1.01)}.recent-appointment-item .appointment-meta{width:100%;flex-direction:row;flex-wrap:wrap;gap:8px}.recent-appointment-item .appointment-meta span{flex:1;min-width:calc(50% - 4px);font-size:.85rem;padding:6px 10px}.status-badge{align-self:flex-start;margin-top:8px;padding:8px 14px;font-size:.75rem;min-width:80px}.welcome-section h2{font-size:1.5rem}.welcome-section p{font-size:.9rem}.admin-dashboard .card-content{padding:16px}.admin-dashboard .patient-section{gap:10px;margin-bottom:12px}.admin-dashboard .patient-avatar{width:36px;height:36px;font-size:.8rem}.admin-dashboard .patient-name{font-size:1rem}.admin-dashboard .contact-row{flex-direction:column;gap:4px}.admin-dashboard .time-location{padding:10px;border-radius:8px}.admin-dashboard .primary-info{flex-direction:column;align-items:flex-start;gap:4px;font-size:.8rem;margin-bottom:8px}.admin-dashboard .date-info,.admin-dashboard .time-info{font-size:.75rem;padding:4px 8px;background:var(--bg-secondary);border-radius:6px;margin:2px 0;width:100%;justify-content:flex-start}.admin-dashboard .location-info{font-size:.7rem;margin-top:6px;padding:4px 8px;background:var(--bg-tertiary);border-radius:6px}.admin-dashboard .service-badge{font-size:.75rem;padding:6px 10px;align-self:stretch;justify-content:center}.admin-dashboard .reason-text{font-size:.75rem;padding:8px 12px}.admin-dashboard .appointment-summary{gap:10px}.admin-dashboard .appointment-card{margin-bottom:12px}.admin-dashboard .appointment-card:hover{transform:translateY(-1px) scale(1.005)}}[data-theme=dark] .slots-table tbody tr.booked{background-color:#dc354526!important;border-left:3px solid var(--danger-color)}[data-theme=dark] .slots-table tbody tr.booked:hover{background-color:#dc354540!important}[data-theme=dark] .slots-table tbody tr{border-bottom:1px solid var(--border-color)}[data-theme=dark] .slots-table tbody tr:hover{background-color:var(--bg-secondary)!important}[data-theme=dark] .date-display,[data-theme=dark] .time-display,[data-theme=dark] .location-display,[data-theme=dark] .patient-info{color:var(--text-primary)!important}[data-theme=dark] .time-display{color:var(--primary-color)!important}[data-theme=dark] .location-display{color:var(--text-secondary)!important}[data-theme=dark] .no-patient{color:var(--text-muted)!important}[data-theme=dark] .status-available{background:var(--success-color)!important;color:var(--white)!important}[data-theme=dark] .status-booked{background:var(--danger-color)!important;color:var(--white)!important}[data-theme=dark] .btn-delete{border-color:var(--danger-color);color:var(--danger-color);background:transparent}[data-theme=dark] .btn-delete:hover:not(:disabled){background:var(--danger-color)!important;color:var(--white)!important}[data-theme=dark] .btn-delete:disabled{border-color:var(--text-muted);color:var(--text-muted)}[data-theme=dark] .admin-dashboard .appointment-card{background:var(--bg-primary)!important;border-color:var(--border-color)!important;box-shadow:0 2px 16px #0000004d!important}[data-theme=dark] .admin-dashboard .appointment-card:hover{box-shadow:0 8px 32px #0006!important}[data-theme=dark] .admin-dashboard .patient-name{color:var(--text-primary)!important}[data-theme=dark] .admin-dashboard .contact-item{background:var(--bg-secondary)!important;color:var(--text-secondary)!important}[data-theme=dark] .admin-dashboard .time-location{background:var(--bg-secondary)!important}[data-theme=dark] .admin-dashboard .primary-info{color:var(--text-primary)!important}[data-theme=dark] .admin-dashboard .location-info{color:var(--text-secondary)!important}[data-theme=dark] .admin-dashboard .reason-text{background:var(--bg-tertiary)!important;color:var(--text-secondary)!important}[data-theme=dark] .pagination-container{background:var(--card-bg)!important;border:1px solid var(--border-color)}[data-theme=dark] .pagination-info,[data-theme=dark] .page-size-selector{color:var(--text-secondary)!important}[data-theme=dark] .page-size-select{background:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .page-size-select:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #4a674133!important}[data-theme=dark] .page-size-select:hover{border-color:var(--primary-color)!important}[data-theme=dark] .pagination-nav{background:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}[data-theme=dark] .pagination-nav:hover:not(:disabled){border-color:var(--primary-color)!important;color:var(--primary-color)!important}[data-theme=dark] .pagination-nav:disabled{color:var(--text-muted)!important;border-color:var(--border-color)!important}[data-theme=dark] .pagination-number{color:var(--text-primary)!important}[data-theme=dark] .pagination-number:hover{background:var(--bg-secondary)!important;color:var(--primary-color)!important}[data-theme=dark] .pagination-number.active{background:var(--primary-color)!important;color:var(--white)!important}[data-theme=dark] .pagination-dots{color:var(--text-secondary)!important}.profile-container{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding-top:120px}.profile-content{max-width:900px;margin:0 auto;background:var(--bg-secondary);border-radius:20px;padding:2.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #ffffff0d;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.profile-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover),var(--primary-color));background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.message.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.message.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}[data-theme=dark] .message.success{background:#10b9811a;color:#34d399;border-color:#10b9814d}[data-theme=dark] .message.error{background:#ef44441a;color:#f87171;border-color:#ef44444d}.profile-actions{display:flex;justify-content:flex-end;margin-bottom:2.5rem;gap:1rem;position:relative;z-index:1}.edit-actions{display:flex;gap:1rem;align-items:center}.btn{padding:.875rem 1.75rem;border-radius:12px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;font-size:.95rem;letter-spacing:.025em;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;box-shadow:0 4px 15px rgba(var(--primary-rgb),.3)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(var(--primary-rgb),.4)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color);box-shadow:0 2px 8px #0000001a}.btn-secondary:hover{background:var(--bg-primary);transform:translateY(-2px);border-color:var(--primary-color);box-shadow:0 4px 15px #00000026}.profile-form{margin-bottom:2rem}.form-section{margin-bottom:3rem;padding:1.5rem;background:rgba(var(--primary-rgb),.02);border-radius:16px;border:1px solid rgba(var(--primary-rgb),.1);position:relative}.form-section h3{color:var(--text-primary);font-size:1.4rem;font-weight:700;margin-bottom:2rem;padding-bottom:.75rem;border-bottom:3px solid var(--primary-color);position:relative;display:flex;align-items:center;gap:.75rem}.form-section h3:before{content:"";width:8px;height:8px;background:var(--primary-color);border-radius:50%;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.2)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;position:relative}.form-group label{color:var(--text-primary);font-weight:600;margin-bottom:.75rem;font-size:.95rem;letter-spacing:.025em;display:flex;align-items:center;gap:.5rem}.form-group label:after{content:"";width:4px;height:4px;background:var(--primary-color);border-radius:50%;opacity:.6}.form-group input,.form-group textarea{padding:1rem 1.25rem;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1),0 4px 12px rgba(var(--primary-rgb),.15);transform:translateY(-2px)}.form-group input:disabled,.form-group textarea:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed;opacity:.7;border-style:dashed}.form-group textarea{resize:vertical;min-height:120px;line-height:1.6}.profile-links{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:2px solid var(--border-color);margin-top:2rem}.link{color:var(--primary-color);text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);padding:.5rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem}.link:hover{color:var(--primary-hover);background:rgba(var(--primary-rgb),.1);transform:translate(4px)}.link:first-child:hover{transform:translate(-4px)}@media (max-width: 768px){.profile-container{padding:1rem .5rem;padding-top:100px;background:var(--bg-primary)}.profile-content{padding:2rem 1.5rem;margin:0 .5rem;border-radius:16px}.form-section{padding:1rem;margin-bottom:2rem}.form-section h3{font-size:1.2rem;margin-bottom:1.5rem}.form-row{grid-template-columns:1fr;gap:1.5rem}.profile-actions{justify-content:center;margin-bottom:2rem}.edit-actions{flex-direction:column;width:100%;gap:.75rem}.profile-links{flex-direction:column;gap:1rem;text-align:center}.link{justify-content:center}}@media (max-width: 480px){.profile-content{padding:1.5rem 1rem;margin:0 .25rem}.form-section{padding:.75rem}.form-group input,.form-group textarea{padding:.875rem 1rem;font-size:.95rem}.btn{padding:.875rem 1.25rem;font-size:.9rem}}[data-theme=dark] .profile-content:before{background:linear-gradient(90deg,var(--primary-color),#10b981,var(--primary-color))}[data-theme=dark] .form-section{background:#ffffff05;border-color:#ffffff1a}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus{box-shadow:0 0 0 4px rgba(var(--primary-rgb),.2),0 4px 12px #0000004d}.form-group input:disabled{position:relative}.form-group input:disabled:after{content:"";position:absolute;top:50%;right:1rem;width:16px;height:16px;border:2px solid var(--text-secondary);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;opacity:0}.form-group:hover input:not(:disabled),.form-group:hover textarea:not(:disabled){border-color:rgba(var(--primary-rgb),.5);transform:translateY(-1px)}.profile-completion{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:140px 0 20px;animation:fadeIn .6s ease-out}[data-theme=dark] .profile-completion{background:linear-gradient(135deg,var(--bg-primary) 0%,#1a1a2e 100%)}.completion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:0 20px;min-height:60px;position:relative}.profile-completion .btn-back,.completion-header .btn-back,button.btn-back{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#7ba77b,#6a9a6a)!important;border:none!important;border-radius:8px;color:#fff!important;text-decoration:none;font-weight:500;transition:all .2s ease;cursor:pointer}.profile-completion .btn-back:hover,.completion-header .btn-back:hover,button.btn-back:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7ba77b4d!important}.profile-completion .btn-back svg,.completion-header .btn-back svg,button.btn-back svg{color:#fff!important}.btn-skip{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .2s ease;cursor:pointer}.btn-skip:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px)}[data-theme=dark] .profile-completion .btn-back,[data-theme=dark] .completion-header .btn-back,[data-theme=dark] button.btn-back{background:linear-gradient(135deg,#7ba77b,#6a9a6a)!important;color:#fff!important}[data-theme=dark] .profile-completion .btn-back:hover,[data-theme=dark] .completion-header .btn-back:hover,[data-theme=dark] button.btn-back:hover{box-shadow:0 4px 12px #7ba77b66!important}[data-theme=dark] .profile-completion .btn-back svg,[data-theme=dark] .completion-header .btn-back svg,[data-theme=dark] button.btn-back svg{color:#fff!important}[data-theme=dark] .btn-skip{background:#ffffff1a;border-color:#fff3;color:var(--text-secondary)}[data-theme=dark] .btn-skip:hover{background:#ffffff26;color:var(--text-primary)}.header-content{text-align:center;flex:1;margin:0 20px;min-width:0}.header-content h1{margin:0 0 8px;color:var(--text-primary);font-size:2rem;font-weight:600}.header-content p{margin:0;color:var(--text-secondary);font-size:1.1rem}.completion-progress{background:var(--bg-secondary);border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);animation:slideUp .5s ease-out .2s both}[data-theme=dark] .completion-progress{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 4px 12px #0000004d}.progress-steps{display:flex;justify-content:space-between;margin-bottom:20px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;position:relative}.progress-step:not(:last-child):after{content:"";position:absolute;top:20px;left:60%;right:-40%;height:2px;background:var(--border-color);z-index:1}.progress-step.completed:not(:last-child):after{background:var(--primary-color)}[data-theme=dark] .progress-step:not(:last-child):after{background:#fff3}[data-theme=dark] .progress-step.completed:not(:last-child):after{background:var(--primary-color)}.step-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);position:relative;z-index:2;transition:all .3s ease}.step-icon svg{color:var(--text-secondary)!important}.progress-step.active .step-icon{background:var(--primary-color);color:#fff}.progress-step.active .step-icon svg{color:#fff!important}.progress-step.completed .step-icon{background:var(--primary-color);color:#fff}.progress-step.completed .step-icon svg{color:#fff!important}[data-theme=dark] .step-icon{background:#ffffff1a;color:var(--text-secondary)}[data-theme=dark] .step-icon svg{color:#fff!important}[data-theme=dark] .progress-step.active .step-icon svg{color:#fff!important}[data-theme=dark] .progress-step.completed .step-icon svg{color:#fff!important}[data-theme=dark] .profile-completion .step-icon svg,[data-theme=dark] .completion-progress .step-icon svg{color:#fff!important}[data-theme=dark] .profile-completion .progress-step.active .step-icon svg,[data-theme=dark] .profile-completion .progress-step.completed .step-icon svg{color:#fff!important}[data-theme=light] .profile-completion .step-icon svg{color:var(--text-secondary)!important}[data-theme=light] .profile-completion .progress-step.active .step-icon svg,[data-theme=light] .profile-completion .progress-step.completed .step-icon svg{color:#fff!important}.step-title{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-align:center}.progress-step.active .step-title,.progress-step.completed .step-title{color:var(--primary-color);font-weight:600}.progress-bar{height:4px;background:var(--border-color);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-hover) 100%);border-radius:2px;transition:width .5s ease}[data-theme=dark] .progress-bar{background:#fff3}.completion-content{background:var(--bg-secondary);border-radius:12px;padding:40px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);animation:slideUp .5s ease-out .4s both;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.completion-content:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}[data-theme=dark] .completion-content{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .completion-content:hover{box-shadow:0 8px 25px #0006}.step-content{margin-bottom:30px}.step-header{text-align:center;margin-bottom:30px}.step-icon-large{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;margin:0 auto 20px;animation:scaleIn .5s ease-out .6s both;transition:transform var(--transition-normal)}.step-icon-large svg{color:#fff!important}.step-icon-large:hover{transform:scale(1.1)}[data-theme=dark] .step-icon-large{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff}[data-theme=dark] .step-icon-large svg{color:#fff!important}[data-theme=dark] .profile-completion .step-icon-large svg,[data-theme=dark] .step-header .step-icon-large svg{color:#fff!important}[data-theme=light] .profile-completion .step-icon-large svg,[data-theme=light] .step-header .step-icon-large svg{color:#fff!important}.step-header h2{margin:0 0 8px;color:var(--text-primary);font-size:1.5rem;font-weight:600}.step-header p{margin:0;color:var(--text-secondary);font-size:1rem}.step-form{max-width:500px;margin:0 auto}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:500;font-size:.95rem}.required{color:#dc3545!important;margin-left:4px;font-weight:700;font-size:1rem}[data-theme=light] .required{color:#dc3545!important}[data-theme=dark] .required{color:#f87171!important}.required:after,.required:before,.form-group label:after,.form-group label:before{display:none!important;content:none!important}.form-group label{position:relative}.form-group label:after,.form-group label:before{display:none!important}.profile-completion .required{position:relative;z-index:10;background:transparent!important;border:none!important;box-shadow:none!important;text-shadow:none!important}.profile-completion .form-group label *:after,.profile-completion .form-group label *:before,.profile-completion .required *:after,.profile-completion .required *:before{display:none!important;content:none!important;visibility:hidden!important}.form-group input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all var(--transition-normal);background:var(--bg-primary);color:var(--text-primary)}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);transform:translateY(-1px)}.form-group input:hover{border-color:var(--primary-color)}.form-group input.error{border-color:#dc3545;background-color:#dc35451a}[data-theme=dark] .form-group input{background:#ffffff0d;border-color:#fff3}[data-theme=dark] .form-group input:focus{background:#ffffff14;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}[data-theme=dark] .form-group input.error{background-color:#dc354533;border-color:#dc3545}.field-error{color:#dc3545;font-size:.875rem;margin-top:5px;display:flex;align-items:center;gap:4px;padding:8px 12px;background-color:#dc35451a;border:1px solid rgba(220,53,69,.2);border-radius:6px;border-left:3px solid #dc3545}[data-theme=dark] .field-error{color:#f87171;background-color:#dc354526;border-color:#dc35454d;border-left-color:#f87171}.field-hint{color:var(--text-secondary);font-size:.875rem;margin-top:5px;display:flex;align-items:center;gap:5px;padding:8px 12px;background-color:#4a67411a;border:1px solid rgba(74,103,65,.2);border-radius:6px;border-left:3px solid var(--primary-color);font-style:italic}[data-theme=dark] .field-hint{color:var(--text-secondary);background-color:#7ba77b26;border-color:#7ba77b4d;border-left-color:var(--primary-color)}.submit-message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500;text-align:center}.submit-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.submit-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}[data-theme=dark] .submit-message.success{background-color:#28a74533;color:#34d399;border-color:#28a7454d}[data-theme=dark] .submit-message.error{background-color:#dc354533;color:#f87171;border-color:#dc35454d}.step-actions{display:flex;justify-content:space-between;align-items:center;max-width:500px;margin:0 auto;gap:16px}.btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.btn-secondary{background:var(--text-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--text-primary);transform:translateY(-1px)}[data-theme=dark] .btn-secondary{background:#fff3;color:var(--text-primary)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:#ffffff4d}@media (max-width: 768px){.profile-completion{padding:100px 5px 20px;min-height:100vh}.container{padding:0 10px;max-width:100%}.completion-header{display:flex;flex-direction:column;align-items:center;padding:15px;margin:20px 0;background:var(--bg-secondary);border-radius:15px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);position:relative;min-height:120px}.btn-back{position:absolute;top:15px;left:15px;padding:8px 16px;font-size:.85rem;min-width:auto;border-radius:20px;z-index:10;display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%)!important;color:#fff!important;border:none!important}.btn-back svg{color:#fff!important}.btn-skip{position:absolute;top:15px;right:15px;padding:8px 16px;font-size:.85rem;min-width:auto;border-radius:20px;z-index:10}.header-content{text-align:center;margin:0;padding:50px 50px 15px;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.header-content h1{font-size:1.5rem;margin-bottom:10px;line-height:1.3;font-weight:600;color:var(--text-primary);text-align:center;width:100%}.header-content p{font-size:.95rem;line-height:1.4;color:var(--text-secondary);margin:0 auto;max-width:300px;text-align:center;width:100%}.completion-progress{padding:20px 15px;margin:0 5px 20px;border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.progress-steps{flex-direction:row;justify-content:space-between;gap:8px;margin-bottom:15px;overflow-x:auto;padding-bottom:5px}.progress-step{flex:1;min-width:60px}.progress-step:not(:last-child):after{display:none}.step-icon{width:32px;height:32px;font-size:14px}.step-title{font-size:.75rem;margin-top:6px;line-height:1.2}.completion-content{padding:25px 20px;margin:0 5px;border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);background:var(--bg-secondary)}.step-header{margin-bottom:25px}.step-icon-large{width:50px;height:50px;margin-bottom:15px}.step-header h2{font-size:1.25rem;margin-bottom:6px}.step-header p{font-size:.95rem}.step-form{max-width:100%}.form-group{margin-bottom:18px}.form-group label{font-size:.9rem;margin-bottom:6px}.form-group input{padding:14px 16px;font-size:16px;border-radius:10px}.field-error,.field-hint{font-size:.8rem;margin-top:4px}.step-actions{flex-direction:column;gap:12px;margin-top:25px}.btn{width:100%;justify-content:center;padding:14px 20px;font-size:1rem;border-radius:10px}.submit-message{padding:12px 16px;font-size:.9rem;border-radius:8px}}@media (max-width: 480px){.profile-completion{padding:90px 5px 15px}.completion-header{padding:12px 8px;margin:15px 3px;border-radius:12px;min-height:100px}.btn-back{top:12px;left:8px;padding:6px 10px;font-size:.8rem;min-width:auto;gap:4px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%)!important;color:#fff!important;border:none!important}.btn-back svg{color:#fff!important}.btn-skip{top:12px;right:8px;padding:6px 10px;font-size:.8rem;min-width:auto}.header-content{padding:45px 40px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.header-content h1{font-size:1.3rem;line-height:1.2;margin-bottom:8px;text-align:center;width:100%}.header-content p{font-size:.85rem;line-height:1.3;max-width:250px;text-align:center;width:100%}}@media (max-width: 360px){.profile-completion{padding:80px 3px 10px}.completion-header{margin:12px 2px;padding:10px 6px;position:relative;min-height:90px}.btn-back{top:10px;left:6px;padding:5px 6px;font-size:.75rem;min-width:auto;gap:3px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%)!important;color:#fff!important;border:none!important}.btn-back svg{color:#fff!important}.btn-skip{top:10px;right:6px;padding:5px 6px;font-size:.75rem;min-width:auto}.header-content{padding:38px 30px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.header-content h1{font-size:1.2rem;margin-bottom:6px;line-height:1.2;text-align:center;width:100%}.header-content p{font-size:.8rem;line-height:1.3;max-width:220px;text-align:center;width:100%}.completion-progress{padding:15px 12px;margin:0 0 15px}.progress-steps{gap:4px}.step-icon{width:28px;height:28px;font-size:12px}.step-title{font-size:.7rem}.completion-content{padding:20px 15px;margin:0}.step-header h2{font-size:1.1rem}.step-header p{font-size:.85rem}.form-group{margin-bottom:16px}.form-group input{padding:12px 14px}.btn{padding:12px 18px;font-size:.95rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.btn:focus-visible,.form-group input:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width: 768px){.btn,.form-group input{min-height:48px;touch-action:manipulation}.form-group input,.form-group select,.form-group textarea{font-size:16px!important}.progress-step{padding:8px 4px}.step-actions .btn:not(:last-child){margin-bottom:0}.completion-progress{box-shadow:0 2px 8px #0000001a}.completion-content{box-shadow:0 2px 12px #0000001a}.progress-steps{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.field-error{padding:6px 8px;background:#dc35451a;border-radius:6px;border-left:3px solid #dc3545}.field-hint{padding:6px 8px;background:#4a67411a;border-radius:6px;border-left:3px solid var(--primary-color)}[data-theme=dark] .field-error{background:#dc354533;border-left-color:#f87171}[data-theme=dark] .field-hint{background:#7ba77b33;border-left-color:var(--primary-color)}[data-theme=dark] .completion-progress{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .completion-content{box-shadow:0 2px 12px #0006}[data-theme=dark] .completion-header,[data-theme=dark] .completion-progress{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .completion-content{background:var(--bg-primary);border-color:var(--border-color)}}.btn.loading{position:relative;color:transparent}.btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--border-radius);font-weight:500;font-size:16px;text-decoration:none;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;z-index:1}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow);z-index:-1}.btn:hover:before{left:100%}.btn-primary{background:var(--primary-gradient);color:var(--white);box-shadow:0 4px 15px #4f46e54d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4f46e566}.btn-primary:active{transform:translateY(0);box-shadow:0 4px 15px #4f46e54d}.btn-secondary{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-hover));color:var(--white);box-shadow:0 4px 15px #10b9814d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.btn-outline:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 25px #4f46e54d}.btn-danger{background:linear-gradient(135deg,var(--danger-color),#dc2626);color:var(--white);box-shadow:0 4px 15px #ef44444d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.btn-success{background:linear-gradient(135deg,var(--success-color),var(--secondary-hover));color:var(--white);box-shadow:0 4px 15px #10b9814d}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.btn-sm{padding:8px 16px;font-size:14px}.btn-lg{padding:16px 32px;font-size:18px}.btn-xl{padding:20px 40px;font-size:20px;border-radius:var(--border-radius-lg)}.btn-icon{padding:12px;border-radius:50%;width:48px;height:48px}.btn-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--primary-gradient);color:var(--white);box-shadow:0 8px 25px #4f46e566;z-index:1000}.btn-fab:hover{transform:scale(1.1);box-shadow:0 12px 35px #4f46e580}.btn-loading{pointer-events:none;opacity:.7}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:disabled:hover{transform:none;box-shadow:none}.btn-group{display:inline-flex;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 15px #0000001a}.btn-group .btn{border-radius:0;border-right:1px solid rgba(255,255,255,.2)}.btn-group .btn:first-child{border-radius:var(--border-radius) 0 0 var(--border-radius)}.btn-group .btn:last-child{border-radius:0 var(--border-radius) var(--border-radius) 0;border-right:none}.btn-group .btn:only-child{border-radius:var(--border-radius);border-right:none}.btn-pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #4f46e5b3}70%{box-shadow:0 0 0 10px #4f46e500}to{box-shadow:0 0 #4f46e500}}@media (max-width: 768px){.btn{padding:10px 20px;font-size:14px}.btn-lg{padding:14px 28px;font-size:16px}.btn-xl{padding:16px 32px;font-size:18px}.btn-fab{bottom:16px;right:16px;width:48px;height:48px}}.forgot-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);padding:140px 1rem 2rem}.forgot-password-container{background:var(--white);border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:3rem;width:100%;max-width:500px;position:relative}.forgot-password-header{text-align:center;margin-bottom:2rem}.forgot-password-header h1{color:var(--dark-color);font-size:2rem;font-weight:700;margin-bottom:.5rem}.forgot-password-header p{color:var(--text-color);font-size:1rem;line-height:1.6}.forgot-password-form{margin-bottom:2rem}.forgot-password-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;border-radius:8px;transition:all .3s ease}.forgot-password-btn:disabled{opacity:.7;cursor:not-allowed}.success-message p{color:var(--text-color);font-size:1rem;line-height:1.6;margin-bottom:1rem}.development-notice{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem;margin-bottom:2rem;text-align:left}.development-notice p{margin-bottom:.5rem;color:#856404}.development-notice p:last-child{margin-bottom:0}.token-display{background-color:#fff;border:2px solid var(--primary-color);border-radius:8px;padding:15px;margin:10px 0;text-align:center;font-size:24px;font-weight:700;color:var(--primary-color);letter-spacing:3px;font-family:Courier New,monospace}.success-actions{display:flex;flex-direction:column;gap:1rem}.success-actions .btn{padding:.875rem 1.5rem;font-weight:600;border-radius:8px;text-decoration:none;text-align:center;transition:all .3s ease}.forgot-password-footer{text-align:center;padding-top:1.5rem;border-top:1px solid #e1e5e9}.forgot-password-footer p{color:var(--text-color);font-size:.9rem;margin-bottom:.5rem}.forgot-password-footer a{color:var(--primary-color);text-decoration:none;font-weight:600;transition:color .3s ease}.forgot-password-footer a:hover{color:var(--primary-hover)}@media (max-width: 768px){.forgot-password-page{padding:120px 1rem 1rem}.forgot-password-container{padding:2rem 1.5rem}.forgot-password-header h1{font-size:1.75rem}.success-actions{flex-direction:column}}@media (max-width: 480px){.forgot-password-container{padding:1.5rem 1rem}.forgot-password-header h1{font-size:1.5rem}}.reset-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);padding:140px 1rem 2rem}.reset-password-container{background:var(--white);border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:3rem;width:100%;max-width:500px;position:relative}.reset-password-header{text-align:center;margin-bottom:2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-color);text-decoration:none;font-weight:500;margin-bottom:1.5rem;transition:color .3s ease}.back-link:hover{color:var(--primary-hover)}.reset-password-header h1{color:var(--dark-color);font-size:2rem;font-weight:700;margin-bottom:.5rem}.reset-password-header p{color:var(--text-color);font-size:1rem;line-height:1.6}.message{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.reset-password-form{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--dark-color);margin-bottom:.5rem;font-size:.9rem}.form-group input{width:100%;padding:.875rem 1rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:var(--white)}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4175fc1a}.form-group small{display:block;margin-top:.5rem;color:var(--text-color);font-size:.8rem}.password-input{position:relative}.password-input input{padding-right:3rem}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-color);cursor:pointer;padding:.25rem;border-radius:4px;transition:color .3s ease}.password-toggle:hover{color:var(--primary-color)}.reset-password-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;border-radius:8px;transition:all .3s ease}.reset-password-btn:disabled{opacity:.7;cursor:not-allowed}.success-message{text-align:center;padding:2rem 0}.success-icon{color:var(--secondary-color);margin-bottom:1rem}.success-message h3{color:var(--dark-color);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.success-message p{color:var(--text-color);font-size:1rem;line-height:1.6;margin-bottom:2rem}.success-message .btn{padding:.875rem 1.5rem;font-weight:600;border-radius:8px;text-decoration:none;text-align:center;transition:all .3s ease}.reset-password-footer{text-align:center;padding-top:1.5rem;border-top:1px solid #e1e5e9}.reset-password-footer p{color:var(--text-color);font-size:.9rem;margin-bottom:.5rem}.reset-password-footer a{color:var(--primary-color);text-decoration:none;font-weight:600;transition:color .3s ease}.reset-password-footer a:hover{color:var(--primary-hover)}@media (max-width: 768px){.reset-password-page{padding:120px 1rem 1rem}.reset-password-container{padding:2rem 1.5rem}.reset-password-header h1{font-size:1.75rem}}@media (max-width: 480px){.reset-password-container{padding:1.5rem 1rem}.reset-password-header h1{font-size:1.5rem}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--light-bg) 0%,var(--white) 100%);padding:140px 1rem 2rem}.not-found-content{text-align:center;max-width:600px;width:100%}.not-found-illustration{margin-bottom:2rem}.error-code{font-size:8rem;font-weight:900;color:var(--primary-color);line-height:1;margin-bottom:.5rem;text-shadow:0 4px 8px rgba(65,117,252,.2)}.error-message{font-size:1.5rem;font-weight:600;color:var(--text-color);text-transform:uppercase;letter-spacing:2px}.not-found-text{margin-bottom:3rem}.not-found-text h1{font-size:2.5rem;font-weight:700;color:var(--dark-color);margin-bottom:1rem}.not-found-text p{font-size:1.1rem;color:var(--text-color);line-height:1.6;max-width:500px;margin:0 auto}.not-found-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.not-found-actions .btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease}.helpful-links{margin-top:3rem;padding-top:2rem;border-top:1px solid #e1e5e9}.helpful-links h3{font-size:1.25rem;font-weight:600;color:var(--dark-color);margin-bottom:1.5rem}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;max-width:600px;margin:0 auto}.helpful-link{display:block;padding:1.5rem;background:var(--white);border:2px solid #e1e5e9;border-radius:12px;text-decoration:none;transition:all .3s ease;text-align:left}.helpful-link:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 25px #4175fc26}.helpful-link span{display:block;font-size:1.1rem;font-weight:600;color:var(--dark-color);margin-bottom:.5rem}.helpful-link p{font-size:.9rem;color:var(--text-color);margin:0;line-height:1.4}@media (max-width: 768px){.not-found-page{padding:120px 1rem 1rem}.error-code{font-size:6rem}.not-found-text h1{font-size:2rem}.not-found-actions{flex-direction:column;align-items:center}.not-found-actions .btn{width:100%;max-width:300px;justify-content:center}.links-grid{grid-template-columns:1fr}}@media (max-width: 480px){.error-code{font-size:4rem}.not-found-text h1{font-size:1.75rem}.not-found-text p{font-size:1rem}.helpful-link{padding:1rem}}.privacy-policy{min-height:100vh}.privacy-content{max-width:800px;margin:0 auto}.policy-section{margin-bottom:3rem;padding:2rem;background:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:0 4px 6px var(--shadow-color);border:1px solid var(--border-color);transition:all var(--transition-normal)}.policy-section:hover{transform:translateY(-2px);box-shadow:0 8px 15px var(--shadow-color)}.policy-section h2{color:var(--primary-color);font-size:1.5rem;margin-bottom:1rem;font-weight:600}.policy-section p{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.policy-section ul{list-style:none;padding-left:0}.policy-section li{color:var(--text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative}.policy-section li:before{content:"✓";color:var(--success-color);font-weight:700;position:absolute;left:0}@media (max-width: 768px){.page-header{padding:100px 0 40px}.page-header h1{font-size:2.5rem}.policy-section{padding:1.5rem;margin-bottom:2rem}.privacy-content{padding:0 1rem}}.terms-of-service{min-height:100vh}.page-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;padding:140px 0 60px;text-align:center}.page-header h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.page-header p{font-size:1.2rem;opacity:.9}.terms-content{max-width:800px;margin:0 auto}.terms-section{margin-bottom:3rem;padding:2rem;background:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:0 4px 6px var(--shadow-color);border:1px solid var(--border-color);transition:all var(--transition-normal)}.terms-section:hover{transform:translateY(-2px);box-shadow:0 8px 15px var(--shadow-color)}.terms-section h2{color:var(--primary-color);font-size:1.5rem;margin-bottom:1rem;font-weight:600}.terms-section p{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.terms-section ul{list-style:none;padding-left:0}.terms-section li{color:var(--text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative}.terms-section li:before{content:"•";color:var(--primary-color);font-weight:700;position:absolute;left:0}.contact-info{background:var(--bg-tertiary);padding:1.5rem;border-radius:var(--border-radius);margin-top:1rem}.contact-info p{margin-bottom:.5rem;color:var(--text-primary)}@media (max-width: 768px){.page-header{padding:100px 0 40px}.page-header h1{font-size:2.5rem}.terms-section{padding:1.5rem;margin-bottom:2rem}.terms-content{padding:0 1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Ubuntu,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary);transition:background-color var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding-top:0}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:600;color:var(--text-primary);line-height:1.2;margin-bottom:1rem}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.5rem}h4{font-size:1.375rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{margin-bottom:1em}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--primary-hover)}.container{max-width:1240px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;gap:8px;padding:16px 24px;border:none;border-radius:var(--border-radius);font-family:Inter,sans-serif;font-weight:500;font-size:15px;line-height:1;text-transform:capitalize;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;justify-content:center}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:linear-gradient(135deg,var(--btn-secondary-bg) 0%,var(--btn-secondary-hover) 100%);color:var(--white);border:2px solid var(--btn-secondary-bg);box-shadow:var(--shadow-md)}.btn-secondary:hover{background:linear-gradient(135deg,var(--btn-secondary-hover) 0%,var(--btn-secondary-bg) 100%);color:var(--white);border-color:var(--btn-secondary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background:var(--btn-outline-hover-bg);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-logout{background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color);transition:all var(--transition-normal)}.btn-logout:hover{background:var(--danger-color);color:var(--white);border-color:var(--danger-color);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-back{background:linear-gradient(135deg,var(--btn-back-bg) 0%,var(--btn-back-hover) 100%);color:var(--white);border:2px solid var(--btn-back-bg);box-shadow:var(--shadow-md)}.btn-back:hover{background:linear-gradient(135deg,var(--btn-back-hover) 0%,var(--btn-back-bg) 100%);border-color:var(--btn-back-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-success{background:linear-gradient(135deg,var(--success-color) 0%,var(--success-hover) 100%);color:var(--white);border:2px solid var(--success-color);box-shadow:var(--shadow-md)}.btn-success:hover{background:linear-gradient(135deg,var(--success-hover) 0%,var(--success-color) 100%);border-color:var(--success-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-warning{background:linear-gradient(135deg,var(--warning-color) 0%,var(--warning-hover) 100%);color:var(--white);border:2px solid var(--warning-color);box-shadow:var(--shadow-md)}.btn-warning:hover{background:linear-gradient(135deg,var(--warning-hover) 0%,var(--warning-color) 100%);border-color:var(--warning-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-danger{background:linear-gradient(135deg,var(--danger-color) 0%,var(--danger-hover) 100%);color:var(--white);border:2px solid var(--danger-color);box-shadow:var(--shadow-md)}.btn-danger:hover{background:linear-gradient(135deg,var(--danger-hover) 0%,var(--danger-color) 100%);border-color:var(--danger-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.section{padding:60px 0}.section-light{background-color:var(--bg-primary)}[data-theme=light] .section-dark{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover))!important;color:var(--white);position:relative}[data-theme=light] .section-dark:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;z-index:1}[data-theme=light] .section-dark .container{position:relative;z-index:2}[data-theme=light] .section-dark h1,[data-theme=light] .section-dark h2,[data-theme=light] .section-dark h3,[data-theme=light] .section-dark h4,[data-theme=light] .section-dark h5,[data-theme=light] .section-dark h6,[data-theme=light] .section-dark p,[data-theme=light] .section-dark span,[data-theme=light] .section-dark div{color:var(--white)!important}[data-theme=dark] .section-dark{background:var(--bg-primary)!important;color:var(--white);position:static}[data-theme=dark] .section-dark:before{display:none}[data-theme=dark] .section-dark h1,[data-theme=dark] .section-dark h2,[data-theme=dark] .section-dark h3,[data-theme=dark] .section-dark h4,[data-theme=dark] .section-dark h5,[data-theme=dark] .section-dark h6,[data-theme=dark] .section-dark p,[data-theme=dark] .section-dark span,[data-theme=dark] .section-dark div{color:var(--white)!important}[data-theme=light] .section-dark .btn{background:var(--white)!important;color:var(--primary-color)!important;border:2px solid var(--white)!important}[data-theme=light] .section-dark .btn:hover{background:transparent!important;color:var(--white)!important;border-color:var(--white)!important}[data-theme=light] .section-dark svg{color:var(--white)!important}[data-theme=light] svg{color:var(--icon-color, #374151)}[data-theme=light] svg:hover{color:var(--icon-hover-color, #1f2937)}[data-theme=light] .bg-primary svg,[data-theme=light] .primary-bg svg,[data-theme=light] .section-dark svg,[data-theme=light] .btn-primary svg,[data-theme=light] .btn-success svg,[data-theme=light] .btn-warning svg,[data-theme=light] .btn-danger svg,[data-theme=light] .btn-info svg,[data-theme=light] [style*="background: #4a6741"] svg,[data-theme=light] [style*="background-color: #4a6741"] svg,[data-theme=light] [style*="background: var(--primary-color)"] svg,[data-theme=light] [style*="background-color: var(--primary-color)"] svg{color:#fff!important}[data-theme=dark] svg{color:var(--icon-color, #e2e8f0)}[data-theme=dark] svg:hover{color:var(--icon-hover-color, #f1f5f9)}[data-theme=light]{--primary-text-color: var(--white)}[data-theme=light] .btn-primary,[data-theme=light] .btn-primary *,[data-theme=light] .btn-primary span,[data-theme=light] .btn-secondary:hover,[data-theme=light] .btn-secondary:hover *,[data-theme=light] .btn-secondary:hover span,[data-theme=light] .btn-outline:hover,[data-theme=light] .btn-outline:hover *,[data-theme=light] .btn-outline:hover span,[data-theme=light] .btn-logout:hover,[data-theme=light] .btn-logout:hover *,[data-theme=light] .btn-logout:hover span,[data-theme=light] [style*="background: var(--primary-color)"],[data-theme=light] [style*="background-color: var(--primary-color)"],[data-theme=light] [class*=primary-bg],[data-theme=light] [style*="background: var(--primary-color)"] *,[data-theme=light] [style*="background-color: var(--primary-color)"] *,[data-theme=light] [class*=primary-bg] *{color:var(--white)!important}.section-gray{background-color:var(--light-bg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media (max-width: 768px){body{padding-top:60px;font-size:var(--mobile-font-base);line-height:var(--mobile-leading-normal)}main{padding-top:0}h1{font-size:var(--mobile-font-4xl);line-height:var(--mobile-leading-tight);margin-bottom:var(--mobile-space-6)}h2{font-size:var(--mobile-font-3xl);line-height:var(--mobile-leading-tight);margin-bottom:var(--mobile-space-5)}h3{font-size:var(--mobile-font-2xl);line-height:var(--mobile-leading-tight);margin-bottom:var(--mobile-space-4)}h4{font-size:var(--mobile-font-xl);line-height:var(--mobile-leading-normal);margin-bottom:var(--mobile-space-3)}h5{font-size:var(--mobile-font-lg);line-height:var(--mobile-leading-normal);margin-bottom:var(--mobile-space-3)}h6{font-size:var(--mobile-font-base);line-height:var(--mobile-leading-normal);margin-bottom:var(--mobile-space-2)}p{font-size:var(--mobile-font-base);line-height:var(--mobile-leading-relaxed);margin-bottom:var(--mobile-space-4)}.container{padding:0 var(--mobile-space-4)}.section{padding:var(--mobile-space-10) 0}.btn{min-height:var(--mobile-touch-min);padding:var(--mobile-space-3) var(--mobile-space-6);font-size:var(--mobile-font-base);line-height:var(--mobile-leading-normal);border-radius:var(--border-radius-lg)}input,select,textarea{min-height:var(--mobile-touch-min);padding:var(--mobile-space-3) var(--mobile-space-4);font-size:var(--mobile-font-base);line-height:var(--mobile-leading-normal);border-radius:var(--border-radius)}.card{padding:var(--mobile-space-6);margin-bottom:var(--mobile-space-6);border-radius:var(--border-radius-lg)}ul,ol{margin-bottom:var(--mobile-space-4);padding-left:var(--mobile-space-6)}li{margin-bottom:var(--mobile-space-2);line-height:var(--mobile-leading-relaxed)}}@media (max-width: 544px){body{padding-top:55px}h1{font-size:var(--mobile-font-3xl);margin-bottom:var(--mobile-space-5)}h2{font-size:var(--mobile-font-2xl);margin-bottom:var(--mobile-space-4)}h3{font-size:var(--mobile-font-xl);margin-bottom:var(--mobile-space-3)}h4{font-size:var(--mobile-font-lg);margin-bottom:var(--mobile-space-3)}p{font-size:var(--mobile-font-sm);line-height:var(--mobile-leading-relaxed);margin-bottom:var(--mobile-space-3)}.container{padding:0 var(--mobile-space-3)}.section{padding:var(--mobile-space-8) 0}.btn{min-height:var(--mobile-touch-min);padding:var(--mobile-space-3) var(--mobile-space-5);font-size:var(--mobile-font-sm);border-radius:var(--border-radius)}input,select,textarea{padding:var(--mobile-space-3);font-size:var(--mobile-font-base)}.card{padding:var(--mobile-space-4);margin-bottom:var(--mobile-space-4)}ul,ol{margin-bottom:var(--mobile-space-3);padding-left:var(--mobile-space-5)}li{margin-bottom:var(--mobile-space-1);font-size:var(--mobile-font-sm)}}@media (min-width: 320px){.container{max-width:100%}}@media (min-width: 480px){.container{max-width:var(--container-sm)}h1{font-size:var(--mobile-font-4xl)}h2{font-size:var(--mobile-font-3xl)}h3{font-size:var(--mobile-font-2xl)}.btn{padding:var(--mobile-space-4) var(--mobile-space-6);font-size:var(--mobile-font-base)}.grid-sm-2{grid-template-columns:repeat(2,1fr)}.grid-sm-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){body{padding-top:0}.container{max-width:var(--container-md);padding:0 var(--mobile-space-6)}h1{font-size:3.5rem;line-height:1.2}h2{font-size:2.5rem;line-height:1.2}h3{font-size:1.5rem;line-height:1.3}.btn{padding:16px 24px;font-size:15px}.grid-md-2{grid-template-columns:repeat(2,1fr)}.grid-md-3{grid-template-columns:repeat(3,1fr)}.grid-md-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.container{max-width:var(--container-lg);padding:0 var(--mobile-space-8)}.section{padding:80px 0}.grid-lg-2{grid-template-columns:repeat(2,1fr)}.grid-lg-3{grid-template-columns:repeat(3,1fr)}.grid-lg-4{grid-template-columns:repeat(4,1fr)}.grid-lg-5{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1280px){.container{max-width:var(--container-xl)}.section{padding:100px 0}.grid-xl-2{grid-template-columns:repeat(2,1fr)}.grid-xl-3{grid-template-columns:repeat(3,1fr)}.grid-xl-4{grid-template-columns:repeat(4,1fr)}.grid-xl-5{grid-template-columns:repeat(5,1fr)}.grid-xl-6{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1536px){.container{max-width:var(--container-2xl)}.section{padding:120px 0}}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}@media (max-width: 767px){.hidden-mobile{display:none!important}.block-mobile{display:block!important}.flex-mobile{display:flex!important}}@media (min-width: 768px){.hidden-desktop{display:none!important}.block-desktop{display:block!important}.flex-desktop{display:flex!important}}.m-0{margin:0}.m-1{margin:var(--mobile-space-1)}.m-2{margin:var(--mobile-space-2)}.m-3{margin:var(--mobile-space-3)}.m-4{margin:var(--mobile-space-4)}.m-5{margin:var(--mobile-space-5)}.m-6{margin:var(--mobile-space-6)}.p-0{padding:0}.p-1{padding:var(--mobile-space-1)}.p-2{padding:var(--mobile-space-2)}.p-3{padding:var(--mobile-space-3)}.p-4{padding:var(--mobile-space-4)}.p-5{padding:var(--mobile-space-5)}.p-6{padding:var(--mobile-space-6)}.gap-1{gap:var(--mobile-space-1)}.gap-2{gap:var(--mobile-space-2)}.gap-3{gap:var(--mobile-space-3)}.gap-4{gap:var(--mobile-space-4)}.gap-5{gap:var(--mobile-space-5)}.gap-6{gap:var(--mobile-space-6)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.text-xs{font-size:var(--mobile-font-xs)}.text-sm{font-size:var(--mobile-font-sm)}.text-base{font-size:var(--mobile-font-base)}.text-lg{font-size:var(--mobile-font-lg)}.text-xl{font-size:var(--mobile-font-xl)}.text-2xl{font-size:var(--mobile-font-2xl)}.leading-tight{line-height:var(--mobile-leading-tight)}.leading-normal{line-height:var(--mobile-leading-normal)}.leading-relaxed{line-height:var(--mobile-leading-relaxed)}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:fit-content}.rounded{border-radius:var(--border-radius)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-full{border-radius:9999px}