@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap";@font-face{font-family:Gagalin;src:url(/fonts/Gagalin-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--primary: #0097B2;--primary-dark: #007A91;--primary-light: #00B4D8;--secondary: #DC80A7;--secondary-dark: #B00150;--accent: #22A85C;--accent-light: #2ECC71;--gold: #F4A261;--gold-dark: #E76F51;--background: #FFFFFF;--background-alt: #F8FAFC;--background-dark: #003D47;--text: #1E293B;--text-light: #64748B;--text-muted: #94A3B8;--white: #FFFFFF;--border: #E2E8F0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius: 16px;--radius-sm: 8px;--radius-lg: 24px;--radius-full: 9999px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--background);color:var(--text);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;height:auto}.container{max-width:1280px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--radius-full);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);border:none;font-family:inherit;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);box-shadow:0 4px 14px #0097b266}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0097b280}.btn-secondary{background:var(--white);color:var(--text);border:2px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-dark{background:var(--secondary);color:var(--white)}.btn-dark:hover{background:var(--secondary-light)}.btn-outline{background:transparent;color:var(--white);border:2px solid var(--white)}.btn-outline:hover{background:var(--white);color:var(--secondary)}.btn-lg{padding:18px 36px;font-size:1.1rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08);transition:var(--transition)}.navbar.scrolled{background:#fffffffa;box-shadow:0 4px 30px #00000014}.navbar-container{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:16px 24px}.logo{display:flex;align-items:center;gap:8px}.logo-img{height:44px;width:auto}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{font-weight:500;color:var(--text);transition:var(--transition);font-size:.95rem}.nav-links a:hover{color:var(--primary)}.nav-links .btn-primary{background:linear-gradient(135deg,#0097b2,#00d4aa);box-shadow:0 0 20px #0097b266}.nav-auth{display:flex;align-items:center;gap:12px}.nav-login-btn,.nav-profile-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-full);font-weight:600;font-size:.9rem;transition:var(--transition)}.nav-login-btn{background:var(--background-alt);color:var(--text);border:1px solid var(--border)}.nav-login-btn:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}.nav-profile-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--text)}.mobile-menu{display:none;flex-direction:column;gap:8px;padding:16px 24px 24px;background:var(--white);border-top:1px solid var(--border);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu a{display:block;padding:12px 16px;font-weight:500;color:var(--text);border-radius:var(--radius-sm);transition:var(--transition)}.mobile-menu a:hover{background:var(--background-alt);color:var(--primary)}.mobile-menu .btn{margin-top:8px;width:100%;justify-content:center}.mobile-menu .nav-login-btn,.mobile-menu .nav-profile-btn{justify-content:center;margin-top:8px}.hero-modern{position:relative;min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a5f,#0d4f4f);padding:100px 0 60px;overflow:hidden}.hero-bg-shapes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.shape-1{width:400px;height:400px;background:linear-gradient(135deg,#0097b2,#00d4aa);top:-100px;right:-100px;animation:morphShape 8s ease-in-out infinite}.shape-2{width:300px;height:300px;background:linear-gradient(135deg,#8b5cf6,#ec4899);bottom:-50px;left:-50px;animation:morphShape 10s ease-in-out infinite reverse}.shape-3{width:200px;height:200px;background:linear-gradient(135deg,#f59e0b,#22c55e);top:50%;left:50%;transform:translate(-50%,-50%);animation:morphShape 6s ease-in-out infinite}@keyframes morphShape{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}.hero-modern .hero-container{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.hero-modern .hero-content{color:var(--white)}.hero-tag{display:inline-flex;align-items:center;gap:10px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;color:var(--white);margin-bottom:24px}.tag-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-title{font-family:Gagalin,Poppins,sans-serif;font-size:4rem;font-weight:400;line-height:1.1;margin-bottom:24px;letter-spacing:-1px}.gradient-text{background:linear-gradient(135deg,#0097b2,#00d4aa,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientMove 3s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-subtitle{font-size:1.2rem;color:#ffffffe6;margin-bottom:40px;line-height:1.7;max-width:500px}.hero-cta-group{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:48px}.btn-modern{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:var(--radius-full);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;font-family:inherit;text-decoration:none}.btn-glow{background:linear-gradient(135deg,#0097b2,#00d4aa);color:var(--white);box-shadow:0 0 30px #0097b280}.btn-glow:hover{transform:translateY(-3px);box-shadow:0 0 50px #0097b2b3}.btn-arrow{transition:transform .3s}.btn-glow:hover .btn-arrow{transform:translate(5px)}.btn-glass{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:var(--white)}.btn-glass:hover{background:#ffffff4d;transform:translateY(-3px)}.hero-social-proof{display:flex;align-items:center;gap:16px}.avatars-stack{display:flex;align-items:center}.avatar{width:44px;height:44px;border-radius:50%;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-left:-12px}.avatar:first-child{margin-left:0}.avatar-count{width:44px;height:44px;border-radius:50%;background:var(--white);border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--primary);margin-left:-12px}.proof-text{display:flex;flex-direction:column;gap:2px}.proof-rating{font-weight:700;color:var(--white);font-size:1rem;display:flex;align-items:center;gap:4px}.proof-text span:last-child{font-size:.85rem;color:#fffc}.hero-visual{display:flex;align-items:center;justify-content:center}.hero-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:400px}.feature-card-modern{background:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius);padding:24px;text-align:center;transition:all .3s ease}.feature-card-modern:hover{background:#ffffff4d;transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.card-float-1{animation:floatCard 4s ease-in-out infinite}.card-float-2{animation:floatCard 4s ease-in-out infinite .5s}.card-float-3{animation:floatCard 4s ease-in-out infinite 1s}.card-float-4{animation:floatCard 4s ease-in-out infinite 1.5s}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-emoji{font-size:2.5rem;margin-bottom:12px}.feature-card-modern h4{font-weight:700;color:var(--white);font-size:1rem;margin-bottom:4px}.feature-card-modern p{font-size:.85rem;color:#fffc}.hero-scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff9;font-size:.75rem;text-transform:uppercase;letter-spacing:2px}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,.6),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.5;height:40px}50%{opacity:1;height:60px}}@media (max-width: 1024px){.hero-modern .hero-container{grid-template-columns:1fr;text-align:center;gap:40px}.hero-title{font-size:2.75rem}.hero-subtitle{margin:0 auto 32px}.hero-cta-group,.hero-social-proof{justify-content:center}.hero-visual,.hero-scroll-indicator{display:none}}@media (max-width: 480px){.hero-modern{padding:80px 0 40px}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1rem}.btn-modern{padding:14px 24px;font-size:.9rem;width:100%;justify-content:center}.hero-cta-group{flex-direction:column}.hero-social-proof{flex-direction:column;gap:12px}}.hero{display:none}.mobile-book-now{display:none;background:linear-gradient(135deg,var(--primary),var(--primary-dark));padding:16px 20px}.mobile-book-now-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.mobile-book-now-text{color:var(--white)}.mobile-book-now-text span{display:block;font-size:.75rem;opacity:.9}.mobile-book-now-text strong{font-size:.95rem;font-weight:600}.mobile-book-now .btn{background:var(--white);color:var(--primary);padding:10px 20px;font-size:.85rem;white-space:nowrap}.mobile-book-now .btn:hover{background:var(--background-alt)}.offers-banner{padding:60px 0;background:linear-gradient(135deg,#fff7ed,#fef3c7)}.offers-content{text-align:center}.offers-header{margin-bottom:40px}.offers-tag{display:inline-block;background:var(--gold);color:var(--white);padding:8px 20px;border-radius:var(--radius-full);font-size:.85rem;font-weight:700;margin-bottom:16px}.offers-header h2{font-family:Gagalin,Poppins,sans-serif;font-size:2rem;font-weight:400;color:var(--text)}.offers-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.offer-card{background:var(--white);border-radius:var(--radius);padding:24px 20px;display:flex;align-items:flex-start;gap:16px;text-align:left;box-shadow:0 4px 15px #00000014;transition:var(--transition);border:2px solid transparent}.offer-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001f;border-color:var(--primary)}.offer-card.refer-card{background:linear-gradient(135deg,#e0f7fa,#b2ebf2);border:2px solid var(--primary)}.offer-icon{font-size:2rem;flex-shrink:0}.offer-info h3{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:6px}.offer-info p{font-size:.85rem;color:var(--text-light);line-height:1.5}.offer-label{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:.65rem;font-weight:700;margin-bottom:8px}.offer-label.new{background:var(--accent);color:var(--white)}.offer-label.hot{background:#ef4444;color:var(--white)}.offer-label.bundle{background:#8b5cf6;color:var(--white)}.offer-label.refer{background:var(--primary);color:var(--white)}.services{padding:100px 0;background:var(--background-alt)}.section-header{text-align:center;margin-bottom:60px}.section-label{display:inline-block;background:#0097b21a;color:var(--primary);padding:8px 20px;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;margin-bottom:16px}.section-title{font-family:Gagalin,Poppins,sans-serif;font-size:2.5rem;font-weight:400;color:var(--text);margin-bottom:16px;letter-spacing:.5px}.section-subtitle{font-size:1.1rem;color:var(--text-light);max-width:600px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.service-card{background:var(--white);padding:32px 24px;border-radius:var(--radius);text-align:center;transition:var(--transition);border:1px solid var(--border);cursor:pointer}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.service-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#0097b21a,#00a8781a);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:2.5rem}.service-card h3{font-size:1.25rem;font-weight:700;margin-bottom:12px;color:var(--text)}.service-card p{font-size:.9rem;color:var(--text-light);line-height:1.6}.service-card .price{display:inline-block;margin-top:16px;padding:8px 16px;background:var(--background-alt);border-radius:var(--radius-full);font-weight:700;color:var(--primary);font-size:.9rem}.how-it-works{padding:100px 0;background:var(--white)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}.steps-grid:before{content:"";position:absolute;top:60px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));z-index:0}.step-card{text-align:center;position:relative;z-index:1}.step-number{width:60px;height:60px;margin:0 auto 24px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:var(--white);box-shadow:0 4px 14px #0097b266}.step-card h3{font-size:1.1rem;font-weight:700;margin-bottom:12px;color:var(--text)}.step-card p{font-size:.9rem;color:var(--text-light);line-height:1.6}.pricing{padding:100px 0;background:linear-gradient(135deg,#004e5a,#0097b2)}.pricing .section-title,.pricing .section-subtitle{color:var(--white)}.pricing .section-subtitle{color:#ffffffb3}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.pricing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#fffc}.pricing-loading .spinner{margin-bottom:16px}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-light)}.modal-loading .spinner{margin-bottom:16px}.pricing-summary{background:linear-gradient(135deg,#0097b214,#00a87814);border:1px solid rgba(0,151,178,.2);border-radius:var(--radius);padding:20px!important}.price-breakdown{display:flex;flex-direction:column;gap:12px}.price-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.price-row:not(:last-child){border-bottom:1px dashed var(--border)}.price-row .price-label{font-size:.95rem;color:var(--text-light)}.price-row .price-value{font-size:.95rem;font-weight:600;color:var(--text)}.price-row.total{border-bottom:none;padding-top:12px;margin-top:4px;border-top:2px solid var(--primary)}.price-row.total .price-label{font-size:1.1rem;font-weight:600;color:var(--text)}.price-row.total .price-value{font-size:1.25rem;font-weight:700;color:var(--primary)}.invoice-totals .editable{background:#0097b20d;padding:8px 12px;margin:0 -12px;border-radius:var(--radius-sm)}.inline-edit{display:flex;align-items:center;gap:4px}.inline-edit .edit-input{width:100px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;text-align:right}.inline-edit .edit-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #0097b21a}.add-item-btn{margin-top:16px}.calculated-total{font-size:1.25rem;font-weight:700;color:var(--primary);margin:0}.totals-row.subtotal{border-top:1px solid var(--border);padding-top:12px;margin-top:8px}@media print{.no-print{display:none!important}}.pricing-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:32px 24px;text-align:center;transition:var(--transition);box-shadow:0 4px 15px #0000001a}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.pricing-card.featured{background:var(--white);border:2px solid var(--primary)}.pricing-card.featured h3,.pricing-card.featured .price{color:var(--text)}.pricing-card h3{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:16px}.pricing-card .price{font-size:2rem;font-weight:800;color:var(--primary);margin-bottom:8px}.pricing-card .unit{font-size:.85rem;color:var(--text-light);display:block;margin-bottom:24px}.pricing-card .btn{width:100%}.why-us{padding:100px 0;background:var(--background-alt)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.why-card{background:var(--white);padding:40px 32px;border-radius:var(--radius);text-align:center;transition:var(--transition);border:1px solid var(--border)}.why-card:hover{box-shadow:var(--shadow-lg);border-color:transparent}.why-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white)}.why-card h3{font-size:1.25rem;font-weight:700;margin-bottom:12px;color:var(--text)}.why-card p{font-size:.95rem;color:var(--text-light);line-height:1.7}.gallery-section{padding:100px 0;background:linear-gradient(135deg,#f8fafc,#f0fdf4)}.gallery-video-feature{margin-bottom:48px}.video-wrapper{position:relative;max-width:800px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;box-shadow:0 20px 60px #00000026}.gallery-video-preview{width:100%;height:400px;object-fit:cover;display:block}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b3,#0003);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:var(--transition)}.video-wrapper:hover .video-overlay{background:linear-gradient(to top,#000c,#0000004d)}.play-btn{width:80px;height:80px;background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 10px 40px #0000004d;transition:var(--transition)}.video-wrapper:hover .play-btn{transform:scale(1.1);box-shadow:0 15px 50px #0006}.video-overlay span{color:var(--white);font-weight:600;font-size:1.1rem}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery-item{position:relative;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;cursor:pointer;box-shadow:0 4px 20px #0000001a}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.gallery-item:hover img{transform:scale(1.1)}.gallery-item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0097b2b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition);color:var(--white)}.gallery-item:hover .gallery-item-overlay{opacity:1}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;padding:40px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox img{max-width:90%;max-height:90vh;object-fit:contain;border-radius:var(--radius);box-shadow:0 20px 60px #00000080}.lightbox-video{max-width:90%;max-height:80vh;border-radius:var(--radius)}.lightbox-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:var(--white);cursor:pointer;padding:10px;transition:var(--transition)}.lightbox-close:hover{transform:scale(1.2)}@media (max-width: 1024px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.gallery-video-preview{height:250px}.play-btn{width:60px;height:60px}.video-overlay span{font-size:.9rem}}@media (max-width: 480px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:8px}.gallery-item{border-radius:var(--radius-sm)}.lightbox{padding:20px}}.gallery-tabs{display:flex;justify-content:center;gap:16px;margin-bottom:40px}.gallery-tab{padding:12px 32px;border-radius:var(--radius-full);border:2px solid var(--primary);background:transparent;color:var(--primary);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);font-family:inherit}.gallery-tab:hover{background:#0097b21a}.gallery-tab.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);border-color:transparent}.training-intro{text-align:center;margin-bottom:40px}.training-intro h3{font-size:1.8rem;color:var(--text);margin-bottom:12px}.training-intro p{color:var(--text-light);font-size:1.1rem}.training-videos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.training-video-card{cursor:pointer;transition:var(--transition)}.training-video-card:hover{transform:translateY(-5px)}.training-video-wrapper{position:relative;aspect-ratio:9/16;border-radius:var(--radius);overflow:hidden;background:#1a1a2e;box-shadow:0 10px 30px #00000026}.training-video-wrapper video{width:100%;height:100%;object-fit:cover}.training-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent 50%);display:flex;align-items:center;justify-content:center;opacity:1;transition:var(--transition)}.training-video-card:hover .training-video-overlay{background:#0097b280}.training-video-overlay .play-btn{width:60px;height:60px;background:#fffffff2}.training-video-card h4{text-align:center;margin-top:12px;font-size:1rem;color:var(--text);font-weight:600}.training-video-modal{text-align:center}.training-video-modal h3{color:var(--white);margin-top:20px;font-size:1.5rem}@media (max-width: 1024px){.training-videos-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.gallery-tabs{gap:12px}.gallery-tab{padding:10px 24px;font-size:.9rem}.training-videos-grid{grid-template-columns:repeat(2,1fr);gap:16px}.training-intro h3{font-size:1.4rem}}@media (max-width: 480px){.gallery-tabs{gap:8px}.gallery-tab{padding:8px 16px;font-size:.85rem}.training-videos-grid{grid-template-columns:repeat(2,1fr);gap:12px}.training-video-overlay .play-btn{width:48px;height:48px}.training-video-card h4{font-size:.9rem}}.testimonials{padding:100px 0;background:var(--white)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{background:var(--background-alt);padding:32px;border-radius:var(--radius);transition:var(--transition)}.testimonial-card:hover{box-shadow:var(--shadow)}.testimonial-rating{color:#ffb800;font-size:1.2rem;margin-bottom:16px;letter-spacing:2px}.testimonial-text{font-size:.95rem;color:var(--text);line-height:1.7;margin-bottom:24px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;font-size:1.1rem}.author-info strong{display:block;font-weight:600;color:var(--text)}.author-info span{font-size:.85rem;color:var(--text-light)}.faq{padding:100px 0;background:var(--background-alt)}.faq-grid{max-width:800px;margin:0 auto}.faq-item{background:var(--white);border-radius:var(--radius);margin-bottom:16px;overflow:hidden;border:1px solid var(--border)}.faq-question{width:100%;padding:24px;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;font-size:1rem;font-weight:600;color:var(--text);transition:var(--transition)}.faq-question:hover{color:var(--primary)}.faq-question svg{transition:var(--transition);flex-shrink:0}.faq-item.active .faq-question svg{transform:rotate(180deg)}.faq-answer{padding:0 24px;max-height:0;overflow:hidden;transition:all .3s ease}.faq-item.active .faq-answer{padding:0 24px 24px;max-height:500px}.faq-answer p{color:var(--text-light);line-height:1.7}.cta{padding:100px 0;background:linear-gradient(135deg,#0097b2,#007a91);text-align:center}.cta h2{font-family:Gagalin,Poppins,sans-serif;font-size:2.5rem;font-weight:400;color:var(--white);margin-bottom:16px;letter-spacing:.5px}.cta p{font-size:1.15rem;color:#ffffffe6;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.cta .btn{background:var(--white);color:var(--primary);font-size:1.1rem;padding:18px 40px}.cta .btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.contact{padding:100px 0;background:var(--white)}.contact-container{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}.contact-info h2{font-family:Gagalin,Poppins,sans-serif;font-size:2rem;font-weight:400;margin-bottom:16px;color:var(--text)}.contact-info>p{color:var(--text-light);margin-bottom:32px;line-height:1.7}.contact-details{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.contact-item{display:flex;align-items:center;gap:16px}.contact-icon{width:56px;height:56px;background:var(--background-alt);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--primary)}.contact-text strong{display:block;font-weight:600;color:var(--text);margin-bottom:4px}.contact-text span{color:var(--text-light);font-size:.9rem}.social-icons{display:flex;gap:12px}.social-icon{width:44px;height:44px;background:var(--background-alt);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text);transition:var(--transition)}.social-icon:hover{background:var(--primary);color:var(--white)}.contact-form{background:var(--background-alt);padding:40px;border-radius:var(--radius)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:var(--text);font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 18px;border:2px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.95rem;transition:var(--transition);background:var(--white)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.form-group textarea{resize:vertical;min-height:120px}.form-hint{font-size:.8rem;color:var(--text-light);margin-top:8px;display:flex;align-items:center;gap:4px}.schedule-block{background:var(--background-alt);border-radius:var(--radius-sm);padding:16px;margin-bottom:16px}.schedule-label{display:block;font-weight:600;font-size:.9rem;color:var(--primary);margin-bottom:12px}.schedule-block .form-row{margin-bottom:0}.auto-calc-badge{display:inline-block;background:#0097b21a;color:var(--primary);font-size:.7rem;font-weight:500;padding:2px 8px;border-radius:10px;margin-left:8px;vertical-align:middle}.phone-input-group{display:flex;gap:0;border:2px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s}.phone-input-group:focus-within{border-color:var(--primary)}.country-code-prefix{display:flex;align-items:center;padding:14px 12px 14px 16px;background:#f5f5f5;font-size:1rem;font-weight:600;color:var(--text);border-right:2px solid var(--border);white-space:nowrap}.phone-number-input{flex:1;padding:14px 18px;border:none!important;font-size:1rem;background:#fff;width:100%}.phone-number-input:focus{outline:none}.footer{background:#003d47;padding:80px 0 0}.footer-container{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:48px;max-width:1280px;margin:0 auto;padding:0 24px}.footer-brand p{color:#ffffffb3;margin:20px 0 24px;line-height:1.7;font-size:.9rem}.footer-logo{height:48px}.footer-social{display:flex;gap:12px}.footer-social a{width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);transition:var(--transition)}.footer-social a:hover{background:var(--primary)}.footer-column h4{color:var(--white);font-weight:700;margin-bottom:24px;font-size:1.1rem}.footer-column ul{display:flex;flex-direction:column;gap:12px}.footer-column a{color:#ffffffb3;font-size:.9rem;transition:var(--transition)}.footer-column a:hover{color:var(--primary)}.footer-contact-item{display:flex;align-items:flex-start;gap:12px;color:#ffffffb3;font-size:.9rem;margin-bottom:16px}.footer-contact-item svg{flex-shrink:0;margin-top:2px;color:var(--primary)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:24px;margin-top:60px;text-align:center}.footer-bottom p{color:#ffffff80;font-size:.85rem}.floating-whatsapp{position:fixed;bottom:24px;right:24px;z-index:999}.floating-whatsapp a{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#25d366;border-radius:50%;color:var(--white);box-shadow:0 4px 20px #25d36666;transition:var(--transition);animation:bounce 2s infinite}.floating-whatsapp a:hover{transform:scale(1.1)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mobile-contact-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--white);box-shadow:0 -4px 20px #0000001a;z-index:998;padding:12px 16px}.mobile-contact-bar-inner{display:flex;justify-content:space-around;gap:8px}.contact-bar-item{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;transition:var(--transition);background:var(--background-alt);color:var(--text)}.contact-bar-item.whatsapp{background:#25d366;color:var(--white)}.contact-bar-item.call{background:var(--primary);color:var(--white)}.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:1001;padding:20px;overflow-y:auto}.modal-content{background:var(--white);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlide .3s ease}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;background:var(--background-alt);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);transition:var(--transition);z-index:10}.modal-close:hover{background:var(--primary);color:var(--white)}.modal-header{padding:32px 32px 24px;text-align:center;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.5rem;font-weight:700;color:var(--text)}.modal-header p{color:var(--text-light);margin-top:8px}.pet-modal{max-width:540px}.pet-modal .modal-header{padding:28px 32px 20px;border-bottom:1px solid var(--border)}.pet-modal .modal-icon{color:var(--primary);margin-bottom:8px}.pet-form{padding:24px 32px 32px}.pet-form .form-group{margin-bottom:20px}.pet-form .form-group:last-child{margin-bottom:0}.pet-form .form-group label{display:block;font-weight:600;margin-bottom:8px;color:var(--text);font-size:.9rem}.pet-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.pet-form .form-row .form-group{margin-bottom:0}.pet-form input,.pet-form select,.pet-form textarea{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:10px;font-family:inherit;font-size:.95rem;transition:all .2s ease;background:var(--white);box-sizing:border-box}.pet-form input:focus,.pet-form select:focus,.pet-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0097b21a}.pet-form textarea{resize:vertical;min-height:100px}.pet-form .radio-group.horizontal{display:flex;gap:12px}.pet-form .radio-label{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s ease;font-weight:500}.pet-form .radio-label input[type=radio],.pet-form .radio-label .radio-circle{display:none}.pet-form .radio-label.selected,.pet-form .radio-label:has(input:checked){border-color:var(--primary);background:#0097b20d;color:var(--primary)}.pet-form .submit-btn{width:100%;margin-top:24px;padding:14px 24px;font-size:1rem}.pet-form .custom-breed-input{margin-top:12px}@media (max-width: 576px){.pet-modal{max-width:100%;margin:0 12px;max-height:95vh}.pet-modal .modal-header{padding:24px 20px 16px}.pet-form{padding:20px}.pet-form .form-row{grid-template-columns:1fr;gap:0}.pet-form .form-row .form-group{margin-bottom:20px}.pet-form .radio-group.horizontal{gap:10px}.pet-form .radio-label{padding:10px 12px;font-size:.9rem}}.user-modal-large{background:var(--white);border-radius:var(--radius-lg);max-width:680px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlide .3s ease}.user-modal-large .modal-header{padding:24px 32px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.user-modal-large .modal-header h2{display:flex;align-items:center;gap:12px;font-size:1.3rem;text-align:left}.user-modal-large .modal-form{padding:24px 32px 32px}.user-modal-large .form-section{background:var(--background-alt);border-radius:var(--radius);padding:20px;margin-bottom:20px}.user-modal-large .form-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.user-modal-large .form-section-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:var(--text);margin:0}.user-modal-large .form-group{margin-bottom:16px}.user-modal-large .form-group:last-child{margin-bottom:0}.user-modal-large .form-group label{display:block;font-weight:600;margin-bottom:6px;color:var(--text);font-size:.85rem}.user-modal-large .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.user-modal-large .form-row.three-col{grid-template-columns:1fr 1fr 1fr}.user-modal-large .form-row .form-group{margin-bottom:0}.user-modal-large input,.user-modal-large select,.user-modal-large textarea{width:100%;padding:10px 14px;border:2px solid var(--border);border-radius:8px;font-family:inherit;font-size:.9rem;transition:all .2s ease;background:var(--white)}.user-modal-large input:focus,.user-modal-large select:focus,.user-modal-large textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0097b21a}.user-modal-large textarea{resize:vertical;min-height:60px}.user-modal-large .info-note{background:#0097b214;border:1px solid rgba(0,151,178,.2);border-radius:8px;padding:12px 16px;font-size:.85rem;color:var(--text);margin-top:16px}.user-modal-large .info-note strong{color:var(--primary)}.added-pets-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.added-pet-card{display:flex;align-items:center;gap:12px;background:var(--white);border:1px solid var(--border);border-radius:10px;padding:12px 16px}.pet-icon-small{width:40px;height:40px;background:#0097b21a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary)}.pet-info-mini{flex:1;display:flex;flex-direction:column}.pet-info-mini strong{font-size:.95rem;color:var(--text)}.pet-info-mini span{font-size:.8rem;color:var(--text-light)}.pet-form-inline{background:var(--white);border:2px solid var(--primary);border-radius:var(--radius);padding:16px;margin-top:12px}.pet-form-inline .form-group,.pet-form-inline .form-row{margin-bottom:12px}.pet-form-inline .radio-group.horizontal{display:flex;gap:10px}.pet-form-inline .radio-label{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.9rem}.pet-form-inline .radio-label input[type=radio]{display:none}.pet-form-inline .radio-label.selected,.pet-form-inline .radio-label:has(input:checked){border-color:var(--primary);background:#0097b20d;color:var(--primary)}.pet-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.empty-pets-note{color:var(--text-light);font-size:.85rem;text-align:center;padding:16px;background:var(--white);border-radius:8px;border:1px dashed var(--border)}.btn-sm{padding:8px 14px;font-size:.85rem}@media (max-width: 768px){.user-modal-large{max-width:100%;margin:10px;max-height:95vh}.user-modal-large .modal-header{padding:16px 20px}.user-modal-large .modal-form{padding:16px 20px 24px}.user-modal-large .form-section{padding:16px}.user-modal-large .form-row,.user-modal-large .form-row.three-col{grid-template-columns:1fr}.user-modal-large .form-row .form-group{margin-bottom:12px}}.modal-header.with-back{position:relative}.back-btn{position:absolute;left:24px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;font-family:inherit;font-size:.9rem}.service-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:24px}.category-btn{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:var(--background-alt);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);font-family:inherit}.category-btn:hover{border-color:var(--primary);background:#0097b20d}.category-emoji{font-size:2.5rem}.category-name{font-weight:600;color:var(--text)}.service-options{padding:24px;display:flex;flex-direction:column;gap:12px}.service-option-btn{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--background-alt);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);font-family:inherit}.service-option-btn:hover{border-color:var(--primary)}.service-name{font-weight:600;color:var(--text)}.service-price{font-weight:700;color:var(--primary)}.booking-form{padding:24px 32px 32px}.form-section{margin-bottom:24px}.form-section h3{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--background-alt)}.radio-group{display:flex;gap:12px}.radio-label{flex:1;display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--background-alt);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-weight:500}.radio-label:hover{border-color:var(--primary)}.radio-label.selected{background:#0097b21a;border-color:var(--primary);color:var(--primary)}.radio-label input{display:none}.radio-circle{width:20px;height:20px;border:2px solid var(--border);border-radius:50%;position:relative;transition:var(--transition)}.radio-label.selected .radio-circle{border-color:var(--primary)}.radio-label.selected .radio-circle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--primary);border-radius:50%}.file-upload{position:relative}.file-upload input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.file-upload-label{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;background:var(--background-alt);border:2px dashed var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.file-upload:hover .file-upload-label{border-color:var(--primary)}.submit-btn{width:100%;padding:16px;font-size:1rem}.offers-section{background:linear-gradient(135deg,#fff7ed,#fef3c7);padding:20px 24px;border-radius:var(--radius) var(--radius) 0 0}.offer-badge{display:inline-block;background:var(--primary);color:var(--white);padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;margin-bottom:12px}.offers-list{display:flex;flex-direction:column;gap:8px}.offer-item{display:flex;align-items:center;gap:10px;font-size:.85rem}.offer-tag{background:var(--accent);color:var(--white);padding:2px 8px;border-radius:var(--radius-full);font-size:.65rem;font-weight:700}.offer-tag.hot{background:#ef4444}.offer-text{color:var(--text);font-weight:500}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#004e5a,#0097b2);padding:40px 20px}.login-container{background:var(--white);border-radius:var(--radius-lg);padding:48px;max-width:440px;width:100%;box-shadow:var(--shadow-xl)}.login-back{display:inline-flex;align-items:center;gap:8px;color:var(--text-light);font-weight:500;margin-bottom:32px;transition:var(--transition)}.login-back:hover{color:var(--primary)}.login-header{text-align:center;margin-bottom:40px}.login-logo{height:56px;margin-bottom:24px}.login-header h1{font-size:1.5rem;font-weight:700;margin-bottom:8px}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--white)}.login-header p{color:var(--text-light)}.login-form .form-group{margin-bottom:24px}.phone-input-wrapper,.email-input-wrapper{display:flex;align-items:center;border:2px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;transition:var(--transition)}.phone-input-wrapper:focus-within,.email-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #0097b21a}.country-code{padding:16px;background:var(--background-alt);font-weight:700;color:var(--text);border-right:2px solid var(--border)}.email-input-wrapper .input-icon{padding:0 0 0 16px;color:var(--text-muted)}.phone-input-wrapper input,.email-input-wrapper input{flex:1;border:none;padding:16px;font-size:1rem;font-family:inherit}.phone-input-wrapper input:focus,.email-input-wrapper input:focus{outline:none}.login-btn{width:100%;padding:16px;font-size:1rem}.otp-sent-message{display:flex;align-items:center;gap:10px;padding:14px;background:#00a8781a;border-radius:var(--radius-sm);color:var(--accent);font-weight:600;margin-bottom:24px}.change-phone{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;margin-left:auto;font-family:inherit}.otp-input{text-align:center;font-size:1.5rem;letter-spacing:8px;font-weight:700}.resend-btn{width:100%;padding:14px;background:none;border:none;color:var(--text-light);font-weight:600;cursor:pointer;margin-top:16px;font-family:inherit;transition:var(--transition)}.resend-btn:hover:not(:disabled){color:var(--primary)}.resend-btn:disabled{opacity:.5;cursor:not-allowed}.input-wrapper{display:flex;align-items:center;border:2px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;transition:var(--transition);background:var(--white)}.input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #0097b21a}.input-wrapper .input-icon{padding:0 0 0 16px;color:var(--text-muted);flex-shrink:0}.input-wrapper input{flex:1;border:none;padding:16px;font-size:1rem;font-family:inherit;background:transparent}.input-wrapper input:focus{outline:none}.password-toggle{background:none;border:none;padding:16px;color:var(--text-muted);cursor:pointer;transition:var(--transition)}.password-toggle:hover{color:var(--primary)}.forgot-link{display:block;text-align:right;background:none;border:none;color:var(--primary);font-weight:500;font-size:.9rem;cursor:pointer;margin-top:-16px;margin-bottom:24px;font-family:inherit}.forgot-link:hover{text-decoration:underline}.auth-switch{text-align:center;margin-top:24px;color:var(--text-light)}.auth-switch button{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;font-family:inherit}.auth-switch button:hover{text-decoration:underline}.login-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 480px){.login-form .form-row{grid-template-columns:1fr}}.login-footer{text-align:center;font-size:.8rem;color:var(--text-muted);margin-top:24px}.profile-page{min-height:100vh;background:var(--background-alt);padding:100px 20px 40px}.profile-container{max-width:600px;margin:0 auto}.profile-header{margin-bottom:32px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-light);font-weight:500;margin-bottom:16px;transition:var(--transition)}.profile-header h1{font-size:1.75rem;font-weight:700}.profile-card{background:var(--white);border-radius:var(--radius);padding:40px;box-shadow:var(--shadow);margin-bottom:24px}.profile-avatar{width:100px;height:100px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);margin:0 auto 24px}.profile-info{text-align:center}.profile-info h2{font-size:1.5rem;font-weight:700;margin-bottom:20px}.profile-details{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.profile-detail{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-light)}.profile-detail svg{color:var(--primary)}.edit-btn{margin:0 auto}.profile-form{text-align:left}.profile-actions{display:flex;gap:12px;margin-top:24px}.profile-actions .btn{flex:1}.profile-quick-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.quick-link-card{background:var(--white);padding:24px;border-radius:var(--radius);text-align:center;transition:var(--transition);box-shadow:var(--shadow-sm)}.quick-link-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.quick-link-card svg{color:var(--primary);margin-bottom:12px}.quick-link-card h3{font-size:1rem;font-weight:600;margin-bottom:6px}.quick-link-card p{font-size:.8rem;color:var(--text-light)}.logout-btn{width:100%;background:var(--background-alt);color:var(--text);border:2px solid var(--border)}.logout-btn:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.pets-page{min-height:100vh;background:var(--background-alt);padding:100px 20px 40px}.pets-container{max-width:900px;margin:0 auto}.pets-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:16px}.pets-header h1{font-size:1.75rem;font-weight:700}.pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.pet-card{background:var(--white);border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;transition:all .3s ease;display:flex;flex-direction:column;gap:16px;border:1px solid rgba(0,0,0,.05);position:relative}.pet-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.pet-card .pet-icon{width:72px;height:72px;background:linear-gradient(135deg,#0097b21f,#00a8781f);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0;margin:0 auto}.pet-card .pet-info{text-align:center;flex:1}.pet-card .pet-info h3{font-size:1.35rem;font-weight:700;color:var(--text);margin-bottom:4px}.pet-card .pet-breed{color:var(--text-light);font-size:.95rem;text-transform:capitalize;margin-bottom:12px}.pet-card .pet-details{display:flex;justify-content:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.pet-card .pet-details span{padding:6px 14px;background:var(--background-alt);border-radius:20px;font-size:.85rem;color:var(--text-light);font-weight:500}.pet-card .vaccination-badge{display:inline-block;margin-top:4px}.pet-card .pet-actions{display:flex;justify-content:center;gap:12px;padding-top:16px;border-top:1px solid var(--border)}.pet-card .icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-light);transition:all .2s ease}.pet-card .icon-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.pet-card .icon-btn.delete:hover{background:#ef4444;border-color:#ef4444}.pet-card .view-details-link{display:block;text-align:center;padding:12px 16px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:10px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .2s ease}.pet-card .view-details-link:hover{transform:scale(1.02);box-shadow:0 4px 12px #0097b24d}.empty-state-large{text-align:center;padding:80px 40px;background:var(--white);border-radius:20px;box-shadow:0 2px 12px #0000000f;max-width:500px;margin:40px auto}.empty-state-large .empty-state-icon{width:140px;height:140px;background:linear-gradient(135deg,#0097b21a,#00a8781a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--primary)}.empty-state-large h2{font-size:1.75rem;font-weight:700;color:var(--text);margin-bottom:12px}.empty-state-large p{color:var(--text-light);font-size:1rem;line-height:1.6;margin-bottom:32px;max-width:360px;margin-left:auto;margin-right:auto}.empty-state-large .btn-lg{padding:16px 32px;font-size:1rem}@media (max-width: 768px){.empty-state-large{padding:60px 24px;margin:20px auto}.empty-state-large .empty-state-icon{width:120px;height:120px}.empty-state-large .empty-state-icon svg{width:60px;height:60px}.empty-state-large h2{font-size:1.5rem}}@media (max-width: 768px){.pets-grid{grid-template-columns:1fr;gap:16px}.pet-card{padding:20px}.pet-card .pet-icon{width:64px;height:64px}.pet-card .pet-info h3{font-size:1.2rem}.pet-card .pet-actions{gap:8px}}.pet-tag{padding:6px 12px;background:var(--background-alt);border-radius:var(--radius-full);font-size:.8rem;color:var(--text-light)}.vaccination-badge{padding:6px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.vaccination-badge.completed{background:#00a8781a;color:var(--accent)}.vaccination-badge.pending{background:#ef44441a;color:#ef4444}.vaccination-warning{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-sm);margin-bottom:16px}.vaccination-warning svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.vaccination-warning strong{display:block;color:#b45309;font-size:.9rem;margin-bottom:4px}.vaccination-warning p{color:#92400e;font-size:.8rem;margin:0;line-height:1.4}.empty-state h3{font-size:1.25rem;margin-bottom:8px}.empty-state p{color:var(--text-light);margin-bottom:24px}.loading-state{text-align:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pet-detail-page{min-height:100vh;background:var(--background-alt);padding:100px 20px 40px}.pet-detail-container{max-width:800px;margin:0 auto}.pet-detail-header{display:flex;align-items:center;gap:24px;background:var(--white);padding:32px;border-radius:var(--radius);margin-bottom:24px;box-shadow:var(--shadow-sm)}.pet-detail-icon{width:100px;height:100px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}.pet-detail-info h1{font-size:1.75rem;font-weight:700;margin-bottom:4px}.pet-breed{color:var(--text-light);margin-bottom:8px}.pet-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:.9rem;color:var(--text-muted);margin-bottom:12px}.current-status{display:flex;align-items:center;justify-content:space-between;padding:24px;border-radius:var(--radius);margin-bottom:24px}.current-status.checked-in{background:#00a8781a;border:2px solid var(--accent)}.current-status.checked-out{background:var(--white);border:2px solid var(--border)}.status-info{display:flex;align-items:center;gap:16px}.status-info svg{color:var(--accent)}.status-info strong{display:block;font-weight:600}.status-info p{font-size:.9rem;color:var(--text-light)}.status-info small{font-size:.8rem;color:var(--text-muted)}.btn-accent{background:var(--accent);color:var(--white)}.btn-accent:hover{background:var(--accent-light)}.medical-notes{background:#fef3c7;padding:20px;border-radius:var(--radius);margin-bottom:24px}.medical-notes h3{font-size:1rem;font-weight:600;margin-bottom:8px;color:#92400e}.medical-notes p{color:#78350f;font-size:.9rem}.checkin-history{background:var(--white);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}.checkin-history h2{display:flex;align-items:center;gap:10px;font-size:1.25rem;margin-bottom:24px}.checkin-history h2 svg{color:var(--primary)}.history-list{display:flex;flex-direction:column;gap:16px}.history-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--background-alt);border-radius:var(--radius-sm)}.history-icon{width:40px;height:40px;background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.history-item.checked_in .history-icon{color:var(--accent)}.history-item.checked_out .history-icon{color:var(--text-muted)}.history-info{flex:1}.history-info strong{display:block;margin-bottom:6px}.history-times{font-size:.85rem;color:var(--text-light)}.history-times span{display:block}.history-notes{font-size:.85rem;color:var(--text-muted);margin-top:8px;font-style:italic}.status-badge{padding:6px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.status-badge.checked_in{background:#00a8781a;color:var(--accent)}.status-badge.checked_out{background:var(--background-alt);color:var(--text-muted)}.empty-history{text-align:center;padding:40px;color:var(--text-muted)}.checkin-form{padding:24px}.modal-icon{color:var(--primary);margin-bottom:12px}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background-alt)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-content{order:1}.hero-image{order:0;margin-bottom:40px}.hero-image-main{max-width:400px;margin:0 auto}.hero-buttons,.hero-stats{justify-content:center}.hero-floating-card{display:none}.hero-trust-badges{justify-content:center}.hero-booking-card{margin:0 auto}.hero-form-row{grid-template-columns:1fr}.hero-form-footer{flex-direction:column;text-align:center}.services-grid,.pricing-grid,.offers-cards{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(2,1fr);gap:40px}.steps-grid:before{display:none}.contact-container{grid-template-columns:1fr}.footer-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.nav-links{display:none}.mobile-menu-btn,.mobile-menu{display:flex}.mobile-book-now{display:block}.hero h1{font-size:2.25rem}.section-title{font-size:1.75rem}.services-grid,.pricing-grid,.steps-grid,.testimonials-grid,.offers-cards,.why-grid{grid-template-columns:1fr}.footer-container{grid-template-columns:1fr;text-align:center}.footer-social{justify-content:center}.mobile-contact-bar{display:block}.floating-whatsapp{bottom:90px}.form-row,.profile-quick-links{grid-template-columns:1fr}.pet-detail-header{flex-direction:column;text-align:center}.current-status{flex-direction:column;text-align:center;gap:20px}.status-info{flex-direction:column}.service-tabs{flex-wrap:wrap}.service-tab{font-size:.75rem;padding:12px 8px}.tab-icon{display:none}.hero-form{padding:16px}.hero-form-footer .tagline{font-size:.8rem}.btn-gold.btn-lg{padding:14px 20px;font-size:.95rem}.trust-badge{font-size:.8rem}}@media (max-width: 480px){.hero{padding-top:70px}.hero h1{font-size:1.75rem}.hero-stats{flex-wrap:wrap;gap:20px}.hero-stat{flex:1;min-width:80px}.btn-lg{padding:14px 24px;font-size:1rem}.login-container{padding:32px 24px}.profile-card{padding:24px}.service-categories{grid-template-columns:1fr}.hero-trust-badges{flex-direction:column;align-items:center;gap:10px}.hero-booking-card{margin:0 -8px;border-radius:var(--radius)}.service-tab{flex:1 1 auto;min-width:calc(50% - 4px);padding:10px 6px;font-size:.7rem}.hero-form-footer{gap:12px}.hero-form-footer .tagline{display:none}.btn-gold.btn-lg{width:100%}}.dashboard-page,.bookings-page,.invoices-page{min-height:100vh;background:var(--background-alt);padding:24px 0}.dashboard-container,.page-container{max-width:1400px;margin:0 auto;padding:0 24px}.dashboard-header,.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap;gap:16px}.dashboard-header h1,.page-header h1{font-family:Gagalin,Poppins,sans-serif;font-size:2rem;color:var(--text);display:flex;align-items:center;gap:12px}.dashboard-header p{color:var(--text-light);margin-top:4px}.header-left{display:flex;flex-direction:column;gap:8px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-light);font-size:.9rem;transition:color .3s}.back-link:hover{color:var(--primary)}.nav-dashboard-link{color:var(--primary);font-weight:600;padding:8px 16px;border-radius:var(--radius-full);background:#0097b21a;transition:var(--transition)}.nav-dashboard-link:hover{background:#0097b233}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:var(--white);border-radius:var(--radius);padding:24px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);transition:var(--transition)}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat-card.highlight{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white)}.stat-card.highlight .stat-info h3,.stat-card.highlight .stat-info p{color:var(--white)}.stat-icon.blue{background:#0097b21a;color:var(--primary)}.stat-icon.green{background:#22a85c1a;color:var(--accent)}.stat-icon.orange{background:#f4a2611a;color:var(--gold)}.stat-icon.purple{background:#dc80a71a;color:var(--secondary)}.stat-icon.red{background:#ef44441a;color:#ef4444}.stat-card.highlight .stat-icon{background:#fff3;color:var(--white)}.stat-info h3{font-size:1.5rem;font-weight:700;color:var(--text);line-height:1.2}.stat-info p{color:var(--text-light);font-size:.875rem;margin-top:4px}.quick-actions{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--white);border-radius:var(--radius);color:var(--text);font-weight:500;box-shadow:var(--shadow-sm);transition:var(--transition)}.action-btn:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}.dashboard-section{background:var(--white);border-radius:var(--radius);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.dashboard-section.full-width{margin-top:32px}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header-row h2{font-size:1.25rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.view-all-link{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-weight:500;font-size:.9rem;transition:var(--transition)}.view-all-link:hover{text-decoration:underline}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.bookings-list{display:flex;flex-direction:column;gap:16px}.booking-card{background:var(--background-alt);border-radius:var(--radius);padding:16px;border:1px solid var(--border)}.booking-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.booking-pet{display:flex;align-items:center;gap:12px}.pet-emoji{font-size:2rem}.booking-pet h4{font-weight:600;color:var(--text)}.booking-pet p{font-size:.85rem;color:var(--text-light);text-transform:capitalize}.booking-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.booking-detail{display:flex;align-items:center;gap:8px;color:var(--text-light);font-size:.9rem}.booking-detail svg{color:var(--text-muted)}.booking-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border)}.booking-amount{font-size:1.1rem;font-weight:700;color:var(--accent)}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:capitalize}.status-success{background:#22a85c1a;color:#16a34a}.status-warning{background:#f59e0b1a;color:#d97706}.status-danger{background:#ef44441a;color:#dc2626}.status-info{background:#0097b21a;color:var(--primary)}.status-pending{background:#94a3b81a;color:var(--text-light)}.status-default{background:var(--background-alt);color:var(--text-muted)}.schedule-list{display:flex;flex-direction:column;gap:12px}.schedule-item{display:flex;align-items:center;gap:16px;padding:12px;background:var(--background-alt);border-radius:var(--radius-sm);border-left:4px solid var(--primary)}.schedule-time{font-weight:700;color:var(--primary);font-size:.9rem;min-width:70px}.schedule-info{flex:1}.schedule-info h4{font-weight:600;color:var(--text);font-size:.9rem;text-transform:capitalize}.schedule-info p{display:flex;align-items:center;gap:12px;color:var(--text-light);font-size:.8rem;margin-top:4px}.schedule-info p svg{margin-right:4px}.service-breakdown{display:flex;flex-direction:column;gap:12px}.service-stat{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--background-alt);border-radius:var(--radius-sm)}.service-name{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text);text-transform:capitalize}.service-emoji{font-size:1.25rem}.service-data{display:flex;gap:16px;align-items:center}.service-data .count{color:var(--text-light);font-size:.85rem}.service-data .revenue{font-weight:600;color:var(--accent)}.invoices-table,.bookings-table{overflow-x:auto}.invoices-table table,.bookings-table table,.data-table{width:100%;border-collapse:collapse}.invoices-table th,.bookings-table th,.data-table th{text-align:left;padding:12px 16px;font-weight:600;font-size:.8rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);white-space:nowrap}.invoices-table td,.bookings-table td,.data-table td{padding:16px;border-bottom:1px solid var(--border);vertical-align:middle}.invoices-table tr:hover,.bookings-table tr:hover,.data-table tbody tr:hover{background:var(--background-alt)}.data-table .pet-cell,.data-table .owner-cell{display:flex;flex-direction:column;gap:2px}.data-table .pet-cell .pet-emoji{font-size:1.5rem}.data-table .date-cell{display:flex;flex-direction:column;gap:2px}.data-table .date-cell small{display:flex;align-items:center;gap:4px;color:var(--text-muted);font-size:.75rem}.data-table .amount{color:var(--accent);font-weight:600}.data-table .link{color:var(--primary);font-weight:500}.data-table .link:hover{text-decoration:underline}.data-table .text-muted{color:var(--text-muted)}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{background:var(--background-alt);border-color:var(--primary);color:var(--primary)}.btn-success{background:var(--accent);color:var(--white)}.btn-success:hover{background:#1d8a4e}.btn-danger{background:#ef4444;color:var(--white)}.btn-danger:hover{background:#dc2626}.btn-warning{background:#f59e0b;color:var(--white)}.btn-warning:hover{background:#d97706}.filters-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:12px;background:var(--white);padding:12px 16px;border-radius:var(--radius);border:1px solid var(--border);flex:1;max-width:400px}.search-box svg{color:var(--text-muted)}.search-box input{border:none;outline:none;font-size:.9rem;flex:1;font-family:inherit;color:var(--text)}.search-box input::placeholder{color:var(--text-muted)}.filter-group svg{color:var(--text-muted)}.filter-group select{padding:12px 16px;border-radius:var(--radius);border:1px solid var(--border);font-size:.9rem;font-family:inherit;color:var(--text);background:var(--white);cursor:pointer;min-width:140px}.filter-group select:focus{outline:none;border-color:var(--primary)}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.summary-card{background:var(--white);border-radius:var(--radius);padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm)}.summary-card svg{color:var(--primary)}.summary-card.success svg{color:var(--accent)}.summary-card.warning svg{color:var(--gold)}.summary-card h3{font-size:1.5rem;font-weight:700;color:var(--text)}.summary-card p{font-size:.875rem;color:var(--text-light)}.bookings-table-container,.invoices-table-container{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.service-badge{display:inline-flex;align-items:center;gap:4px;text-transform:capitalize;font-size:.85rem}.empty-state{text-align:center;padding:60px 20px;background:var(--white);border-radius:var(--radius)}.empty-state svg{color:var(--text-muted);margin-bottom:16px}.empty-state h3{font-size:1.25rem;color:var(--text);margin-bottom:8px}.empty-state p{color:var(--text-light);margin-bottom:20px}.empty-card{text-align:center;padding:40px 20px;background:var(--background-alt);border-radius:var(--radius);border:2px dashed var(--border)}.empty-card svg{color:var(--text-muted);margin-bottom:12px}.empty-card p{color:var(--text-light);margin-bottom:16px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:var(--text-light)}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.summary-cards{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-page,.bookings-page,.invoices-page{padding:16px 0}.dashboard-container,.page-container{padding:0 16px}.dashboard-header,.page-header{flex-direction:column;align-items:stretch}.dashboard-header h1,.page-header h1{font-size:1.5rem}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:16px;flex-direction:column;text-align:center}.stat-icon{width:48px;height:48px}.stat-info h3{font-size:1.25rem}.quick-actions{gap:8px}.action-btn{padding:10px 14px;font-size:.85rem;flex:1;justify-content:center}.filters-bar{flex-direction:column}.search-box{max-width:100%;width:100%}.filter-group{width:100%;flex-wrap:wrap}.filter-group select{flex:1;min-width:120px}.data-table{font-size:.85rem}.data-table th,.data-table td{padding:10px 8px}.booking-card{padding:12px}.schedule-item{flex-wrap:wrap;gap:8px}.schedule-time{width:100%;padding-bottom:8px;border-bottom:1px solid var(--border)}.mobile-menu .nav-dashboard-link{display:block;width:100%;text-align:center;padding:12px;background:#0097b21a;border-radius:var(--radius-sm);margin-top:8px}}.booking-detail-page,.invoice-detail-page{min-height:100vh;background:var(--background-alt);padding:24px 0}.header-actions{display:flex;align-items:center;gap:12px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.detail-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.detail-card.full-width{grid-column:1 / -1}.card-header{padding:16px 20px;border-bottom:1px solid var(--border);background:var(--background-alt)}.card-header h3{font-size:1rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.card-content{padding:20px}.pet-profile{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.pet-avatar{font-size:3rem}.pet-info h4{font-size:1.25rem;font-weight:600;color:var(--text)}.pet-info p{color:var(--text-light);text-transform:capitalize}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.info-row:last-of-type{border-bottom:none}.info-label{color:var(--text-light);font-size:.9rem;display:flex;align-items:center;gap:6px}.info-value{font-weight:500;color:var(--text)}.info-value.success{color:var(--accent)}.info-value.discount{color:#ef4444}.info-value.service-type{text-transform:capitalize;display:flex;align-items:center;gap:6px}.info-row.total{background:var(--background-alt);margin:16px -20px 0;padding:16px 20px;font-weight:600}.info-row.total .info-value{font-size:1.25rem;color:var(--primary)}.info-row.highlight{background:#0097b20d;margin:8px -20px;padding:12px 20px;border-left:3px solid var(--accent)}.info-value.success{color:var(--accent);font-weight:600}.info-value.warning{color:#f59e0b;font-weight:600}.notes-text{color:var(--text);line-height:1.7}.action-panel{background:var(--white);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);margin-top:24px}.action-panel h3{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:16px}.action-buttons-group{display:flex;gap:12px;flex-wrap:wrap}.invoice-document{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px;margin-top:24px}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid var(--border)}.invoice-brand{display:flex;align-items:center;gap:16px}.invoice-logo{height:60px;width:auto}.brand-details h2{font-family:Gagalin,Poppins,sans-serif;font-size:1.5rem;color:var(--primary)}.brand-details p{color:var(--text-light);font-size:.9rem}.invoice-meta{text-align:right}.invoice-meta h2{font-size:2rem;color:var(--primary);margin-bottom:8px}.invoice-meta p{margin:4px 0;color:var(--text-light);font-size:.9rem}.invoice-meta .status-badge{margin-top:8px}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:32px}.party-info h4{font-size:.8rem;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;letter-spacing:.5px}.party-info p{margin:4px 0;color:var(--text)}.invoice-booking-ref{background:var(--background-alt);padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:24px}.invoice-booking-ref p{color:var(--text-light);font-size:.9rem}.invoice-booking-ref .link{color:var(--primary);font-weight:500}.invoice-items{margin-bottom:24px}.invoice-items table{width:100%;border-collapse:collapse}.invoice-items th{text-align:left;padding:12px 16px;background:var(--background-alt);font-weight:600;font-size:.8rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.invoice-items th:last-child{text-align:right}.invoice-items td{padding:16px;border-bottom:1px solid var(--border)}.invoice-items td:last-child{text-align:right;font-weight:500}.invoice-totals{margin-left:auto;max-width:300px}.totals-row{display:flex;justify-content:space-between;padding:8px 0;color:var(--text)}.totals-row.discount{color:#ef4444}.totals-row.total{font-size:1.25rem;font-weight:700;color:var(--primary);border-top:2px solid var(--border);padding-top:12px;margin-top:8px}.totals-row.paid{color:var(--accent)}.totals-row.balance{font-weight:600;color:var(--gold-dark)}.payment-history{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.payment-history h4{font-size:1rem;font-weight:600;margin-bottom:12px}.payment-history table{width:100%;border-collapse:collapse}.payment-history th,.payment-history td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}.payment-history th{font-weight:600;font-size:.8rem;color:var(--text-light);text-transform:uppercase}.invoice-footer{margin-top:40px;padding-top:24px;border-top:2px solid var(--border);text-align:center}.invoice-footer p{color:var(--text-light)}.invoice-footer .small{font-size:.85rem;margin-top:8px}.payment-modal{max-width:400px;padding:24px}.payment-modal h3{font-size:1.25rem;margin-bottom:20px}.payment-modal .form-group{margin-bottom:16px}.payment-modal label{display:block;margin-bottom:6px;font-weight:500;color:var(--text)}.payment-modal input,.payment-modal select{width:100%;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit}.payment-modal input:focus,.payment-modal select:focus{outline:none;border-color:var(--primary)}.payment-modal small{color:var(--text-muted);font-size:.8rem}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-actions .btn{flex:1}@media print{.no-print{display:none!important}.invoice-detail-page{background:#fff;padding:0}.invoice-document{box-shadow:none;padding:0}}@media (max-width: 768px){.booking-detail-page,.invoice-detail-page{padding:16px 0}.detail-grid{grid-template-columns:1fr;gap:16px}.card-content{padding:16px}.action-buttons-group{flex-direction:column}.action-buttons-group .btn{width:100%}.invoice-document{padding:20px}.invoice-header{flex-direction:column;gap:20px;text-align:center}.invoice-brand{flex-direction:column;text-align:center}.invoice-meta{text-align:center}.invoice-parties{grid-template-columns:1fr;gap:20px}.invoice-totals{max-width:100%}.header-actions{flex-direction:column;align-items:flex-start;gap:8px}}.admin-page{display:flex;min-height:100vh;background:var(--background-alt)}.admin-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:40px}.admin-access-denied svg{color:var(--secondary);margin-bottom:24px}.admin-access-denied h2{font-size:1.75rem;margin-bottom:12px}.admin-access-denied p{color:var(--text-light);margin-bottom:24px}.admin-sidebar{width:280px;background:linear-gradient(180deg,#1a1a2e,#16213e);color:var(--white);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100}.admin-sidebar-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px}.admin-logo img{height:40px}.admin-badge{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--white);padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.admin-nav{flex:1;padding:24px 16px}.admin-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:var(--radius);color:#ffffffb3;background:transparent;border:none;cursor:pointer;font-size:.95rem;font-family:inherit;text-align:left;transition:var(--transition);margin-bottom:8px}.admin-nav-item:hover{background:#ffffff1a;color:var(--white)}.admin-nav-item.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white)}.admin-sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.admin-user-info{display:flex;align-items:center;gap:12px}.admin-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.admin-user-info>div{display:flex;flex-direction:column}.admin-user-info strong{font-size:.9rem}.admin-user-info span{font-size:.75rem;color:#fff9}.admin-logout-btn{background:#ffffff1a;border:none;color:#ffffffb3;padding:10px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.admin-logout-btn:hover{background:#ef444433;color:#ef4444}.admin-main{flex:1;margin-left:280px;padding:32px}.admin-header{margin-bottom:32px}.admin-header h1{font-size:1.75rem;margin-bottom:4px}.admin-header p{color:var(--text-light)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.admin-stat-card{background:var(--white);padding:24px;border-radius:var(--radius);display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm)}.stat-icon{width:56px;height:56px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.stat-icon.total{background:#0097b21a;color:var(--primary)}.stat-icon.admin{background:#f4a2611a;color:var(--gold)}.stat-icon.staff{background:#22a85c1a;color:var(--accent)}.stat-icon.users{background:#dc80a71a;color:var(--secondary)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text)}.stat-label{font-size:.875rem;color:var(--text-light)}.admin-filters{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-box{flex:1;min-width:300px;position:relative}.search-box svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-box input{width:100%;padding:14px 14px 14px 48px;border:1px solid var(--border);border-radius:var(--radius);font-size:.95rem;background:var(--white)}.search-box input:focus{outline:none;border-color:var(--primary)}.filter-group{display:flex;align-items:center;gap:12px}.filter-group label{font-weight:500;color:var(--text-light);white-space:nowrap}.filter-group select{padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);font-size:.95rem;background:var(--white);cursor:pointer}.admin-table-container{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.admin-loading,.admin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:var(--text-light)}.admin-loading svg,.admin-empty svg{margin-bottom:16px;color:var(--text-muted)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:16px 20px;background:var(--background-alt);font-weight:600;font-size:.85rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.admin-table td{padding:16px 20px;border-bottom:1px solid var(--border);font-size:.95rem}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover{background:#0097b205}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;text-transform:uppercase}.user-name{font-weight:500}.role-badge{display:inline-block;padding:6px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.role-badge.admin{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--white)}.role-badge.staff{background:#22a85c26;color:var(--accent)}.role-badge.user{background:#0097b21a;color:var(--primary)}.current-user-tag{display:inline-block;padding:6px 14px;background:var(--background-alt);border-radius:var(--radius-full);font-size:.8rem;color:var(--text-light);font-style:italic}.role-select-wrapper{min-width:130px}.role-select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;background:var(--white);cursor:pointer;transition:var(--transition)}.role-select:hover{border-color:var(--primary)}.role-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0097b21a}@media (max-width: 1200px){.admin-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.admin-sidebar{width:80px}.admin-sidebar-header{justify-content:center;padding:16px}.admin-logo img{height:32px}.admin-badge,.admin-nav-item span,.admin-user-info>div{display:none}.admin-nav-item{justify-content:center;padding:14px}.admin-user-info{justify-content:center}.admin-logout-btn{display:none}.admin-main{margin-left:80px}}@media (max-width: 768px){.admin-sidebar{display:none}.admin-main{margin-left:0;padding:20px}.admin-stats{grid-template-columns:1fr 1fr;gap:16px}.admin-stat-card{padding:16px}.admin-filters{flex-direction:column}.search-box{min-width:100%}.admin-table{display:block;overflow-x:auto}.admin-table th,.admin-table td{padding:12px;white-space:nowrap}}@media (max-width: 480px){.admin-stats{grid-template-columns:1fr}.stat-icon{width:48px;height:48px}.stat-value{font-size:1.5rem}}.admin-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.admin-header-actions{display:flex;align-items:center;gap:16px}.admin-welcome{color:var(--text-light);font-size:.95rem}.btn-logout{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:var(--transition)}.btn-logout:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}@media (max-width: 768px){.admin-header{flex-direction:column;align-items:flex-start}.admin-header-actions{width:100%;justify-content:space-between}}.nav-logout-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-full);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);font-family:inherit}.nav-logout-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.services-table .inactive-row{opacity:.6;background:#00000005}.service-name-cell{display:flex;flex-direction:column;gap:4px}.service-name-cell strong{font-weight:600}.service-description{font-size:.8rem;color:var(--text-light)}.category-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:capitalize}.category-badge.boarding{background:#0097b226;color:var(--primary)}.category-badge.grooming{background:#dc80a726;color:var(--secondary)}.category-badge.training{background:#f4a26126;color:var(--gold)}.category-badge.adoption{background:#22a85c26;color:var(--accent)}.category-badge.other{background:var(--background-alt);color:var(--text-light)}.price-cell{display:flex;flex-direction:column;gap:2px}.price-cell .price{font-weight:600;color:var(--text)}.price-cell .price-suffix{font-size:.75rem;color:var(--text-light)}.contact-price{color:var(--primary);font-weight:500}.toggle-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition);background:transparent}.toggle-btn.active{color:var(--accent)}.toggle-btn.inactive{color:var(--text-muted)}.toggle-btn:hover{background:var(--background-alt)}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.status-badge.active{background:#22a85c1a;color:var(--accent)}.status-badge.inactive{background:#94a3b81a;color:var(--text-muted)}.action-buttons{display:flex;gap:8px}.btn-icon{width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.btn-icon.edit:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-icon.delete:hover{background:#ef4444;color:#fff;border-color:#ef4444}.service-modal{width:100%;max-width:560px}.service-modal .modal-form{display:flex;flex-direction:column;gap:20px}.service-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service-modal .form-group{display:flex;flex-direction:column;gap:8px}.service-modal .form-group label{font-weight:500;font-size:.9rem;color:var(--text)}.service-modal .form-group input,.service-modal .form-group select,.service-modal .form-group textarea{padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;transition:var(--transition)}.service-modal .form-group input:focus,.service-modal .form-group select:focus,.service-modal .form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0097b21a}.service-modal .form-group textarea{resize:vertical;min-height:80px}.checkbox-group{flex-direction:row!important;align-items:center!important}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--border);margin-top:8px}@media (max-width: 600px){.service-modal .form-row{grid-template-columns:1fr}}.mobile-menu .nav-logout-btn{width:100%;justify-content:center;padding:12px 20px;margin-top:8px}.user-menu-wrapper{position:relative}.nav-user-menu-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:var(--radius-full);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition);font-family:inherit}.nav-user-menu-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0097b24d}.nav-user-menu-btn svg.rotate{transform:rotate(180deg)}.nav-user-menu-btn svg{transition:transform .2s ease}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:var(--radius);box-shadow:0 10px 40px #00000026;min-width:200px;padding:8px 0;z-index:1000;animation:dropdownFade .2s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown a,.user-dropdown button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 20px;color:var(--text);background:none;border:none;font-size:.95rem;cursor:pointer;transition:var(--transition);text-align:left;font-family:inherit}.user-dropdown a:hover,.user-dropdown button:hover{background:var(--background-alt);color:var(--primary)}.user-dropdown hr{margin:8px 0;border:none;border-top:1px solid var(--border)}.user-dropdown button{color:#ef4444}.user-dropdown button:hover{background:#ef44441a;color:#dc2626}.mobile-user-section{border-top:1px solid rgba(255,255,255,.1);margin-top:16px;padding-top:16px}.mobile-user-header{display:flex;align-items:center;gap:10px;padding:12px 0;color:var(--primary);font-weight:600;font-size:1rem}.mobile-user-link{display:block;padding:12px 0 12px 28px;color:var(--text);font-size:.95rem;transition:var(--transition)}.mobile-user-link:hover{color:var(--primary)}.mobile-logout-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 0;margin-top:8px;background:#ef44441a;color:#ef4444;border:none;border-radius:var(--radius);font-size:.95rem;font-weight:500;cursor:pointer;justify-content:center;font-family:inherit}.mobile-logout-btn:hover{background:#ef4444;color:#fff}.dashboard-layout{display:flex;min-height:100vh;background:var(--background-alt)}.dashboard-sidebar{width:260px;background:linear-gradient(180deg,#1a1a2e,#16213e);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100}.sidebar-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo img{height:40px}.sidebar-nav{flex:1;padding:20px 12px;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius);color:#ffffffb3;transition:var(--transition);margin-bottom:4px;font-size:.95rem}.sidebar-nav-item:hover{background:#ffffff1a;color:#fff}.sidebar-nav-item.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.sidebar-user{display:flex;align-items:center;gap:12px}.sidebar-user-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem}.sidebar-user-info{display:flex;flex-direction:column}.sidebar-user-info strong{font-size:.9rem}.sidebar-user-info span{font-size:.75rem;color:#fff9}.sidebar-logout-btn{background:#ffffff1a;border:none;color:#ffffffb3;padding:10px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.sidebar-logout-btn:hover{background:#ef44444d;color:#ef4444}.dashboard-main{flex:1;margin-left:260px;padding:32px;min-height:100vh}.page-header{margin-bottom:32px}.page-header h1{font-size:1.75rem;margin-bottom:4px;color:var(--text)}.page-header p{color:var(--text-light)}.profile-content{max-width:800px}.profile-card{background:#fff;border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-sm)}.profile-card-header{display:flex;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--border);margin-bottom:24px}.profile-avatar-large{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.profile-name-section{flex:1}.profile-name-section h2{font-size:1.5rem;margin-bottom:4px}.profile-role-badge{display:inline-block;padding:4px 12px;background:#0097b21a;color:var(--primary);border-radius:var(--radius-full);font-size:.85rem;font-weight:500}.profile-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.profile-detail-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--background-alt);border-radius:var(--radius)}.profile-detail-item.full-width{grid-column:1 / -1}.detail-icon{width:40px;height:40px;background:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.detail-content{flex:1}.detail-content label{display:block;font-size:.8rem;color:var(--text-light);margin-bottom:2px}.detail-content span{font-weight:500;color:var(--text)}.profile-form-actions{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.input-disabled{background:var(--background-alt)!important;color:var(--text-light)!important;cursor:not-allowed}.form-group small{display:block;margin-top:4px;font-size:.8rem;color:var(--text-muted)}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.quick-action-card{background:#fff;padding:24px;border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition)}.quick-action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.quick-action-card svg{color:var(--primary);margin-bottom:12px}.quick-action-card h3{font-size:1rem;margin-bottom:4px}.quick-action-card p{font-size:.85rem;color:var(--text-light)}@media (max-width: 1024px){.dashboard-sidebar{width:80px}.sidebar-logo img{height:32px}.sidebar-nav-item span,.sidebar-user-info{display:none}.sidebar-nav-item{justify-content:center;padding:14px}.sidebar-user{justify-content:center}.sidebar-logout-btn{display:none}.dashboard-main{margin-left:80px}}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.dashboard-sidebar{display:none}.dashboard-main{margin-left:0;padding:20px}.profile-card-header{flex-direction:column;text-align:center}.profile-details-grid,.quick-actions-grid{grid-template-columns:1fr}.profile-form-actions{flex-direction:column}}.analytics-content{display:flex;flex-direction:column;gap:32px}.analytics-section{background:var(--white);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}.analytics-section h2{display:flex;align-items:center;gap:10px;font-size:1.1rem;color:var(--text);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.analytics-section h2 svg{color:var(--primary)}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-stat-card.highlight{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.admin-stat-card.highlight .stat-icon{background:#fff3;color:#fff}.admin-stat-card.highlight .stat-value,.admin-stat-card.highlight .stat-label{color:#fff}.todays-pets{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.todays-pets h3{font-size:.95rem;color:var(--text);margin-bottom:16px}.pets-grid{display:flex;flex-wrap:wrap;gap:12px}.pet-chip{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--background-alt);border-radius:var(--radius-full);font-size:.9rem}.pet-chip .pet-emoji{font-size:1.1rem}.pet-chip .service-tag{font-size:.75rem;color:var(--text-light);background:#0097b21a;padding:2px 8px;border-radius:var(--radius-full);text-transform:capitalize}.forecast-chart{display:flex;justify-content:space-between;gap:12px;padding:20px 0}.forecast-bar-wrapper{display:flex;flex-direction:column;align-items:center;flex:1;gap:8px}.forecast-bar-container{height:150px;width:100%;display:flex;align-items:flex-end;justify-content:center}.forecast-bar{width:60%;max-width:50px;background:linear-gradient(to top,var(--primary),var(--primary-light));border-radius:8px 8px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;transition:all .3s ease;min-height:10px}.forecast-bar.today{background:linear-gradient(to top,var(--accent),var(--accent-light))}.forecast-bar .bar-value{font-size:.85rem;font-weight:700;color:#fff}.forecast-label{display:flex;flex-direction:column;align-items:center;gap:2px}.forecast-label .day-name{font-size:.85rem;font-weight:600;color:var(--text)}.forecast-label .day-date{font-size:.75rem;color:var(--text-light)}.forecast-details{display:flex;gap:8px;font-size:.75rem;font-weight:500}.forecast-details .in{color:var(--accent)}.forecast-details .out{color:var(--secondary-dark)}.peak-info{padding:12px 16px;background:linear-gradient(135deg,#0097b21a,#0097b20d);border-radius:var(--radius-sm);margin-bottom:20px;color:var(--text);font-size:.95rem}.peak-info strong{color:var(--primary)}.day-of-week-chart{display:flex;flex-direction:column;gap:12px}.dow-row{display:flex;align-items:center;gap:12px}.dow-label{width:80px;font-size:.9rem;font-weight:500;color:var(--text)}.dow-bar-container{flex:1;height:28px;background:var(--background-alt);border-radius:var(--radius-sm);overflow:hidden}.dow-bar{height:100%;background:linear-gradient(to right,var(--primary),var(--primary-light));border-radius:var(--radius-sm);transition:width .5s ease}.dow-bar.peak{background:linear-gradient(to right,var(--accent),var(--accent-light))}.dow-value{width:50px;text-align:right;font-size:.9rem;font-weight:600;color:var(--text)}.trend-chart{display:flex;justify-content:space-around;gap:16px;padding:20px 0}.trend-bar-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px}.trend-bar-container{height:120px;width:60px;display:flex;align-items:flex-end;justify-content:center}.trend-bar{width:100%;background:linear-gradient(to top,var(--gold),var(--gold-dark));border-radius:8px 8px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;min-height:10px}.trend-bar .bar-value{font-size:.85rem;font-weight:700;color:#fff}.trend-label{font-size:.85rem;font-weight:500;color:var(--text)}.trend-revenue{font-size:.75rem;color:var(--accent);font-weight:600}.monthly-stats{display:flex;gap:16px}.monthly-card{flex:1;background:var(--background-alt);border-radius:var(--radius);padding:20px;text-align:center}.month-name{font-size:1rem;font-weight:600;color:var(--primary);margin-bottom:16px}.month-stats{display:flex;flex-direction:column;gap:12px}.month-stat{display:flex;flex-direction:column;gap:2px}.month-stat .value{font-size:1.2rem;font-weight:700;color:var(--text)}.month-stat .label{font-size:.75rem;color:var(--text-light)}.service-breakdown-chart{display:flex;flex-direction:column;gap:16px}.service-row{display:flex;align-items:center;gap:16px}.service-info{display:flex;align-items:center;gap:8px;min-width:120px}.service-emoji{font-size:1.2rem}.service-name{font-size:.9rem;font-weight:500;color:var(--text);text-transform:capitalize}.service-bar-container{flex:1;height:24px;background:var(--background-alt);border-radius:var(--radius-sm);overflow:hidden}.service-bar{height:100%;border-radius:var(--radius-sm);transition:width .5s ease}.service-bar.boarding{background:linear-gradient(to right,var(--primary),var(--primary-light))}.service-bar.grooming{background:linear-gradient(to right,var(--secondary),var(--secondary-dark))}.service-bar.training{background:linear-gradient(to right,var(--gold),var(--gold-dark))}.service-bar.daycare{background:linear-gradient(to right,var(--accent),var(--accent-light))}.service-stats{display:flex;gap:8px;min-width:80px;justify-content:flex-end}.service-stats .count{font-weight:600;color:var(--text)}.service-stats .percentage{color:var(--text-light);font-size:.85rem}@media (max-width: 1024px){.analytics-grid{grid-template-columns:1fr}.forecast-chart{flex-wrap:wrap;justify-content:center}.forecast-bar-wrapper{flex:0 0 calc(25% - 12px);min-width:80px}.monthly-stats{flex-direction:column}}@media (max-width: 768px){.forecast-bar-wrapper{flex:0 0 calc(50% - 12px)}.forecast-bar-container{height:100px}.trend-chart{flex-wrap:wrap}.trend-bar-wrapper{flex:0 0 calc(50% - 16px)}.service-row{flex-wrap:wrap}.service-info{min-width:100%;margin-bottom:4px}.service-bar-container{flex:1;min-width:60%}.dow-label{width:60px;font-size:.8rem}}.user-selection-section{background:linear-gradient(135deg,#0097b20d,#0097b205);border:1px solid rgba(0,151,178,.15);border-radius:var(--radius);padding:20px;margin-bottom:8px}.user-selection-section h3{display:flex;align-items:center;gap:8px;color:var(--primary);margin-bottom:16px}.user-search-wrapper{position:relative}.user-search-input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;transition:var(--transition)}.user-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0097b21a}.user-selector{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;background:var(--white);cursor:pointer;transition:var(--transition)}.user-selector:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0097b21a}.user-selector option.new-user-option{font-weight:600;color:var(--primary);background:#0097b20d}.loading-users{display:flex;align-items:center;gap:8px;padding:12px;color:var(--text-light);font-size:.9rem}.new-user-form{margin-top:16px;padding:16px;background:var(--white);border-radius:var(--radius-sm);border:1px dashed var(--border)}.create-user-btn{margin-top:12px;width:100%}.booking-form input:disabled,.booking-form select:disabled{background:var(--background-alt);color:var(--text-light);cursor:not-allowed;opacity:.8}@media (max-width: 600px){.user-selection-section{padding:16px}}
