.navbar{background:linear-gradient(135deg,#0f2419,#1a4d3a);color:#fff;padding:1.5rem 1rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:999;width:100%;box-shadow:0 2px 8px #00000026}.navbar .logo a{color:#fff;margin-left:1rem;padding-top:.2rem;font-size:1.8rem;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:color .3s ease}.logo-icon{width:32px;height:32px;object-fit:contain}.navbar .logo a:hover{color:#3a7257}.nav-links{display:flex;list-style:none;margin:0;padding:0;gap:2rem;margin-right:1rem}.nav-links li{position:relative}.nav-links a{color:#fff;text-decoration:none;font-weight:500;font-size:1.1rem;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative}.nav-links a:hover{background:linear-gradient(135deg,#3a72574d,#2d5f474d);color:#4a8566}.nav-links .active a{background:linear-gradient(135deg,#3a7257,#4a8566);color:#fff;font-weight:600;box-shadow:0 4px 12px #3a725766}.nav-links .active a:hover{background:linear-gradient(135deg,#4a8566,#3a7257);color:#fff}@media (max-width: 768px){.navbar{flex-direction:column;align-items:center;gap:1rem;padding:1rem}.navbar .logo a{margin-left:0;font-size:1.6rem}.nav-links{gap:1rem;margin-right:0;flex-wrap:wrap;justify-content:center;width:100%}.nav-links a{font-size:1rem;padding:.4rem .8rem;flex:1;text-align:center;min-width:fit-content}}@media (max-width: 400px){.nav-links{gap:.5rem}.nav-links a{font-size:.9rem;padding:.3rem .5rem;flex:none;min-width:auto;white-space:nowrap}}.booking-section{padding:80px 40px;background:linear-gradient(135deg,#064e3b,#065f46,#047857,#059669,#10b981);width:100%;margin:0;color:#fff;text-align:center;animation:fadeInUp 1s ease-out;box-shadow:inset 0 0 100px #0000001a}.booking-section h2{font-size:2.5rem;margin-bottom:1rem;color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.booking-section p{font-size:1.2rem;margin-bottom:2rem;color:#ffffffe6;max-width:800px;margin-left:auto;margin-right:auto}.services-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin:40px auto;max-width:1400px;width:100%}@media (max-width: 400px){.services-showcase{grid-template-columns:1fr;gap:20px;padding:0 10px}.service-showcase-card{padding:20px;margin:0}}.service-showcase-card{background:linear-gradient(90deg,#fff,#f1f5f9,#e2e8f0);padding:28px;border-radius:16px;border:4px solid #000000;box-shadow:0 12px 30px #0003;transition:all .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;animation:scaleIn .8s ease-out}.service-showcase-card:nth-child(1){animation-delay:.1s}.service-showcase-card:nth-child(2){animation-delay:.2s}.service-showcase-card:nth-child(3){animation-delay:.3s}.service-showcase-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000040;border-color:#000}.service-showcase-card h3{font-size:1.4rem;color:#1e293b;margin-bottom:12px;font-weight:600}.service-showcase-card p{color:#334155;font-size:1rem;line-height:1.5;margin:0 0 12px}.service-price{background:linear-gradient(135deg,var(--accent-green) 0%,var(--light-green) 100%);color:var(--white);padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;margin-top:auto;text-shadow:0 1px 2px rgba(0,0,0,.2)}.service-icon{font-size:3rem;margin-bottom:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.additional-services{text-align:center;margin-top:40px;padding:30px;background:linear-gradient(90deg,#fff,#f1f5f9,#e2e8f0);border-radius:16px;border:4px solid #000000;animation:slideInRight 1s ease-out;transition:all .3s ease}.additional-services:hover{transform:translateY(-3px);box-shadow:0 12px 25px #00000040}.additional-services h3{font-size:1.5rem;color:#1e293b;margin-bottom:12px;font-weight:700;letter-spacing:1px}.additional-services p{color:#334155;font-size:1.1rem;margin:0}.booking-cta{text-align:center;margin-bottom:50px;padding:40px;background:linear-gradient(135deg,#1a4d3ad9,#2d5f47d9);border-radius:20px;color:var(--white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.booking-cta h3{font-size:1.8rem;margin-bottom:16px;font-weight:700;color:var(--white)}.booking-cta p{font-size:1.1rem;margin-bottom:28px;opacity:1;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.schedule-button{background:linear-gradient(135deg,var(--accent-green) 0%,var(--light-green) 100%);color:var(--white);padding:16px 32px;border-radius:12px;text-decoration:none;font-weight:700;font-size:1.1rem;display:inline-block;transition:all .3s ease;box-shadow:0 8px 20px #4ade804d;text-transform:uppercase;letter-spacing:.5px}.schedule-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #4ade8066;background:linear-gradient(135deg,var(--light-green) 0%,var(--accent-green) 100%)}.testimonials-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:var(--text-primary);padding:70px 20px 100px;margin-top:-25px;text-align:center;animation:fadeInUp 1s ease-out;position:relative;z-index:1}.testimonials-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(16,185,129,.05) 0%,transparent 50%);pointer-events:none}.testimonials-heading{font-size:2.5rem;margin-bottom:2rem;margin-top:60px;font-weight:700;color:var(--primary-green);position:relative;z-index:1}.testimonials-carousel{max-width:1200px;margin:0 auto;position:relative;z-index:1}.testimonials-container{overflow:hidden;position:relative;width:100%}.testimonials-slide{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}@media (max-width: 767px){.testimonials-slide{flex-direction:column;align-items:center}.testimonial-card{width:100%;max-width:400px}}@media (min-width: 768px){.testimonials-slide{flex-direction:row;justify-content:center}.testimonial-card{flex:1;max-width:350px}}.testimonials-dots{display:flex;justify-content:center;gap:12px;margin-top:40px}.dot{width:12px;height:12px;border-radius:50%;border:none;background-color:#22c55e4d;cursor:pointer;transition:all .3s ease}.dot:hover{background-color:#22c55e99;transform:scale(1.2)}.dot.active{background-color:#22c55e;transform:scale(1.3)}.testimonials-slide:not(.active) .testimonial-card{opacity:0;transform:translateY(20px)}.testimonial-card{background:linear-gradient(90deg,#fff,#f0fdf4,#dcfce7);padding:36px;border-radius:20px;box-shadow:0 20px 40px #00000026;transition:all .3s ease;border:4px solid #000000;position:relative;overflow:hidden;animation:slideInLeft .8s ease-out}.testimonial-card:nth-child(1){animation-delay:.1s}.testimonial-card:nth-child(2){animation-delay:.3s}.testimonial-card:nth-child(3){animation-delay:.5s}.testimonial-card:before{content:'"';position:absolute;top:-10px;left:20px;font-size:120px;color:var(--accent-green);opacity:.1;font-family:serif;line-height:1}.testimonial-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px #22c55e40;border-color:#16a34a}.testimonial-review{font-style:italic;margin-bottom:20px;font-size:1.1rem;color:#334155;line-height:1.6;position:relative;z-index:1}.testimonial-name{font-weight:700;font-size:1.1rem;margin-bottom:4px;color:#166534;position:relative;z-index:1}.testimonial-date{color:#22c55e;font-size:.875rem}.footer{background:linear-gradient(135deg,var(--primary-green) 0%,var(--secondary-green) 100%);color:var(--white);padding:60px 20px 40px;margin-top:0}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.follow-us-section{margin-bottom:40px}.follow-us-section h3{font-size:2rem;font-weight:700;margin-bottom:30px;color:var(--white);letter-spacing:1px}.social-links{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.social-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--white);padding:20px;border-radius:16px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;min-width:120px}.social-link:hover{transform:translateY(-5px);background:#fff3;box-shadow:0 10px 25px #0003}.social-icon{font-size:2.5rem;margin-bottom:10px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.social-link span{font-size:1rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.3)}.footer-info{border-top:1px solid rgba(255,255,255,.2);padding-top:30px}.footer-info p{margin:8px 0;opacity:.9;font-size:.95rem}.footer-info p:first-child{font-weight:600}.tagline{font-style:italic;color:#fff!important;font-weight:600!important;font-size:1.1rem!important;opacity:1!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.developer-credit{margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.2)}.developer-highlight{font-size:.95rem!important;opacity:1!important;margin:0;font-style:normal;color:#fff!important;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.3);background:linear-gradient(90deg,#ffffff1a,#ffffff0d);padding:12px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.developer-link{color:#fbbf24!important;text-decoration:none;font-weight:700;transition:all .2s;text-shadow:0 1px 2px rgba(0,0,0,.3)}.developer-link:hover{color:#f59e0b!important;text-decoration:underline;text-shadow:0 0 8px rgba(251,191,36,.6)}@media (max-width: 768px){.social-links{gap:20px}.social-link{min-width:100px;padding:15px}.social-icon{font-size:2rem}.follow-us-section h3{font-size:1.5rem}}.service-flow-section{padding:80px 20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative}.service-flow-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(16,185,129,.05) 0%,transparent 50%);pointer-events:none}.service-flow-section .max-w-6xl{position:relative;z-index:1}.service-flow-section .grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch}.service-card{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:20px;padding:40px 32px;text-align:center;box-shadow:0 20px 40px #00000014,0 8px 16px #0000000a,inset 0 1px #fffc;border:1px solid rgba(226,232,240,.8);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);height:100%;display:flex;flex-direction:column;justify-content:space-between}.service-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.service-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 32px 64px #0000001f,0 16px 32px #00000014,inset 0 1px #ffffffe6;border-color:#3b82f64d}.service-card:hover:before{left:100%}.service-card.hourly{border-left:4px solid #10b981;background:linear-gradient(145deg,#fff,#f0fdf4)}.service-card.complex{border-left:4px solid #3b82f6;background:linear-gradient(145deg,#fff,#eff6ff)}.service-card h2{font-size:1.75rem;font-weight:700;margin-bottom:16px;color:#1e293b;line-height:1.2}.service-card.hourly h2{color:#059669}.service-card.complex h2{color:#2563eb}.service-card p{font-size:1.1rem;color:#64748b;margin-bottom:24px;line-height:1.6;font-weight:400}.service-card ul{list-style:none;padding:0;margin:24px 0;text-align:left}.service-card li{font-size:.95rem;color:#475569;margin-bottom:8px;padding-left:20px;position:relative;line-height:1.4}.service-card li:before{content:"✓";position:absolute;left:0;top:0;font-weight:700;font-size:.9rem}.service-card.hourly li:before{color:#10b981}.service-card.complex li:before{color:#3b82f6}.service-card .cta-button{display:inline-block;padding:16px 32px;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;text-transform:none;letter-spacing:.5px;box-shadow:0 8px 16px #0000001a;position:relative;overflow:hidden;margin-top:auto}.service-card.hourly .cta-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.service-card.complex .cta-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.service-card .cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000026}.service-card.hourly .cta-button:hover{background:linear-gradient(135deg,#059669,#047857)}.service-card.complex .cta-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}@media (max-width: 768px){.service-flow-section{padding:60px 15px}.service-flow-section .grid{grid-template-columns:1fr;gap:24px}.service-card{padding:32px 24px}.service-card h2{font-size:1.5rem}.service-card p{font-size:1rem}.service-card .cta-button{padding:14px 28px;font-size:.95rem}}@media (max-width: 480px){.service-flow-section{padding:40px 12px}.service-card{padding:24px 20px}.service-card h2{font-size:1.3rem;margin-bottom:12px}.service-card p{font-size:.95rem;margin-bottom:20px}.service-card ul{margin:20px 0}.service-card li{font-size:.9rem;margin-bottom:6px}.service-card .cta-button{padding:12px 24px;font-size:.9rem}}.ceo-message-section{padding:60px 20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);position:relative}.ceo-message-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(16,185,129,.06) 0%,transparent 50%);pointer-events:none}.ceo-message-card{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:24px;padding:40px 32px;box-shadow:0 25px 50px #0000001a,0 10px 20px #0000000d,inset 0 1px #ffffffe6;border:1px solid rgba(226,232,240,.8);position:relative;z-index:1;text-align:center;max-width:100%}.header-section{text-align:center;margin-bottom:32px}.ceo-message-card h2{color:#1e293b;font-size:2.25rem;font-weight:800;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.ceo-message-card h3{color:#059669;font-size:1.3rem;font-weight:600;margin-bottom:0;font-style:italic}.message-content{text-align:left;max-width:800px;margin:0 auto}.message-paragraph{display:flex;align-items:flex-start;gap:20px;margin-bottom:28px;padding:20px;background:#ffffff80;border-radius:16px;border-left:4px solid rgba(16,185,129,.3);transition:all .3s ease}.message-paragraph:hover{background:#fffc;transform:translate(8px);border-left-color:#059669;box-shadow:0 8px 24px #00000014}.paragraph-icon{font-size:2rem;line-height:1;flex-shrink:0;margin-top:4px}.message-paragraph p{color:#374151;font-size:1.05rem;line-height:1.7;margin:0;text-align:justify}.founder-note{margin-top:40px;padding:32px;background:linear-gradient(135deg,#10b98114,#3b82f60d);border-radius:20px;text-align:center;position:relative;border:2px solid rgba(16,185,129,.1)}.quote-icon{font-size:2.5rem;margin-bottom:16px;display:block}.founder-note .closing-message{color:#1e293b;font-size:1.2rem;font-weight:700;margin-bottom:16px;font-style:italic;line-height:1.5}.founder-note .signature{color:#059669;font-weight:700;font-size:1.1rem;margin-bottom:0;font-style:italic}@media (max-width: 768px){.ceo-message-section{padding:50px 16px}.ceo-message-card{padding:32px 24px;border-radius:20px}.ceo-message-card h2{font-size:1.9rem;margin-bottom:12px}.ceo-message-card h3{font-size:1.1rem;margin-bottom:24px}.message-paragraph{gap:16px;padding:16px;margin-bottom:20px}.paragraph-icon{font-size:1.5rem}.message-paragraph p{font-size:1rem;line-height:1.6;text-align:left}.founder-note{margin-top:32px;padding:24px}.quote-icon{font-size:2rem;margin-bottom:12px}.founder-note .closing-message{font-size:1.1rem}.founder-note .signature{font-size:1rem}}@media (max-width: 480px){.ceo-message-section{padding:40px 12px}.ceo-message-card{padding:24px 16px}.ceo-message-card h2{font-size:1.6rem;margin-bottom:8px}.ceo-message-card h3{font-size:1rem;margin-bottom:20px}.message-paragraph{gap:12px;padding:12px;margin-bottom:16px}.paragraph-icon{font-size:1.25rem}.message-paragraph p{font-size:.9rem;line-height:1.5}.founder-note{margin-top:24px;padding:20px}.quote-icon{font-size:1.75rem;margin-bottom:8px}.founder-note .closing-message{font-size:1rem}.founder-note .signature{font-size:.9rem}}body.modal-open{overflow:hidden;padding-right:var(--scrollbar-width, 0px)}html{--scrollbar-width: calc(100vw - 100%) }.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;color:#1f2937;font-size:1.5rem}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:#f3f4f6}.modal-body{padding:20px 30px;flex:1;overflow-y:auto;min-height:0}.selected-date{background:#f0f9ff;border:1px solid #0ea5e9;color:#0c4a6e;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500}.selected-time{color:#22c55e;font-weight:600}.booking-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#374151;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .15s ease-out;will-change:border-color;backface-visibility:hidden;transform:translateZ(0)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#22c55e;will-change:auto}.services-grid{display:grid;grid-template-columns:1fr!important;grid-auto-rows:auto;gap:12px;margin-top:8px;width:100%}.services-grid>*{width:100%;max-width:100%}.service-item{display:flex;align-items:center;gap:8px}.service-item input[type=checkbox]{width:18px;height:18px;accent-color:#22c55e}.service-item label{cursor:pointer;font-weight:400;margin:0}.error-text{color:#ef4444;font-size:.875rem;margin-top:4px}.submit-error{background:#fef2f2;border:1px solid #ef4444;padding:12px 16px;border-radius:8px;margin-top:8px}.payment-info-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:12px;margin-top:20px;overflow:hidden;box-shadow:0 2px 8px #0ea5e91a}.payment-info-header{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;padding:12px 20px;margin:0}.payment-info-header h4{margin:0;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:8px}.payment-info-content{padding:16px 20px;background:#fff}.payment-info-content p{margin:0 0 12px;color:#374151;line-height:1.5}.payment-info-content p:last-child{margin-bottom:0}.payment-info-content strong{color:#1f2937;font-weight:600}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 30px;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0}.booking-modal-actions{justify-content:space-between;gap:16px}.booking-modal-actions .cancel-button,.booking-modal-actions .submit-button{flex:1;min-width:120px}.cancel-button{padding:12px 24px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.cancel-button:hover{border-color:#d1d5db;color:#374151}.submit-button{padding:12px 24px;border:none;background:#16a34a;color:#fff;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #16a34a4d}.submit-button:hover:not(:disabled){background:#15803d;transform:translateY(-1px);box-shadow:0 4px 8px #16a34a66}.submit-button:disabled{background:#9ca3af;cursor:not-allowed}.delete-button{padding:12px 24px;border:2px solid #ef4444;background:#fff;color:#ef4444;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.delete-button:hover:not(:disabled){background:#ef4444;color:#fff}.delete-button:disabled{border-color:#9ca3af;color:#9ca3af;cursor:not-allowed}.booking-details-view{display:flex;flex-direction:column;gap:25px}.detail-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.detail-section h3{margin:0 0 15px;color:#374151;font-size:1.1rem;font-weight:600;border-bottom:2px solid #22c55e;padding-bottom:8px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-weight:600;color:#6b7280;font-size:.875rem;text-transform:uppercase;letter-spacing:.025em}.detail-item span{color:#374151;font-size:1rem;word-break:break-word}.status-pending{color:#f59e0b;font-weight:600}.status-confirmed{color:#22c55e;font-weight:600}.status-completed{color:#6b7280;font-weight:600}.status-cancelled{color:#ef4444;font-weight:600}.edit-button{padding:12px 24px;border:2px solid #3b82f6;background:#fff;color:#3b82f6;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.edit-button:hover{background:#3b82f6;color:#fff}.delete-confirm{max-width:400px}.delete-confirm h3{margin:0 0 12px;color:#dc2626}.delete-confirm p{margin:0 0 20px;color:#6b7280;line-height:1.5}.service-type-selection{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.service-type-card{border:2px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;background:#f9fafb;position:relative;text-align:center}.service-type-card:hover{border-color:#22c55e;background:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e26}.service-type-card.selected{border-color:#22c55e;background:#ecfdf5;box-shadow:0 0 0 3px #22c55e1a}.service-type-card ul{margin:0;padding:0;list-style:none;text-align:left}.service-type-card li{color:#374151;font-size:.875rem;position:relative;padding:2px 0 2px 16px}.service-type-card li:before{content:"•";color:#22c55e;position:absolute;left:0;font-weight:700}.selected-services-section{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.selected-services-section label{margin-bottom:12px;display:block;font-weight:600;color:#374151}@media (max-width: 768px){.modal-content{width:95%;margin:20px}.modal-header,.modal-body{padding:15px 20px}.form-row{grid-template-columns:1fr;gap:15px}.services-grid{grid-template-columns:1fr}.service-type-selection{grid-template-columns:1fr;gap:12px}.service-type-card{padding:16px}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-section{padding:15px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.charge-modal{max-width:500px}.charge-form .form-group{margin-bottom:20px}.charge-form label{display:block;margin-bottom:5px;font-weight:600;color:#374151}.charge-form input[type=number]{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.charge-form input[type=number]:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.crew-rate-display{padding:10px;background-color:#f3f4f6;border-radius:6px;font-weight:500;color:#374151}.calculation-breakdown{margin-top:20px;padding:15px;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.calculation-breakdown h4{margin:0 0 15px;color:#374151;font-size:16px}.breakdown-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e5e7eb}.breakdown-item.total{border-top:2px solid #374151;margin-top:8px;padding-top:12px;font-size:16px}.charge-button{background-color:#22c55e;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}.charge-button:hover{background-color:#16a34a}.charge-confirm-btn{background-color:#22c55e;color:#fff}.charge-confirm-btn:hover:not(:disabled){background-color:#16a34a}.charge-confirm-btn:disabled{background-color:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.charge-modal{max-width:95%;margin:0 10px}.charge-form input[type=number],.charge-form select{font-size:16px}.calculation-breakdown{font-size:14px}.breakdown-item{padding:6px 0;flex-direction:column;text-align:left}.breakdown-item span:first-child{margin-bottom:2px;font-weight:500}.charge-modal .modal-footer{padding:20px 15px;flex-direction:column;gap:12px}.charge-modal .modal-footer button{width:100%;padding:14px 20px;font-size:16px}.charge-modal .modal-body{max-height:70vh;overflow-y:auto;padding-bottom:20px}.charge-modal .calculation-breakdown{margin-bottom:20px}}.payment-section{margin-top:30px;padding-top:20px;border-top:1px solid #e5e7eb}.summary-note{margin-top:12px;padding:8px 12px;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;font-style:italic}.leaf-haul-section{margin:20px 0;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;width:100%}.leaf-haul-checkbox{display:flex;align-items:center;gap:8px}.leaf-haul-checkbox input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:#eab308}.leaf-haul-checkbox .checkbox-label{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;cursor:pointer;font-weight:500}.leaf-haul-checkbox .checkbox-text{color:#374151;font-size:1rem}.leaf-haul-checkbox .addon-price{color:#059669;font-weight:700;font-size:1.1rem;background:#f0fdf4;padding:4px 8px;border-radius:4px;border:1px solid #bbf7d0}.summary-item.leaf-haul-item{background:#fefce8;border-left:4px solid #eab308;padding:8px 12px;margin:4px 0;border-radius:4px}.summary-item.leaf-haul-item span:last-child{color:#059669;font-weight:700}.summary-item.total-item{background:#f3f4f6;border:2px solid #d1d5db;padding:12px;margin-top:8px;border-radius:6px}.form-select-styled{padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;font-size:1rem;font-weight:500;color:#374151;width:100%;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='m0 1 2 2 2-2z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;cursor:pointer;transition:all .2s ease}.form-select-styled:hover{border-color:#cbd5e1;background-color:#f1f5f9}.form-select-styled:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.schedule-page{min-height:100vh;background:linear-gradient(90deg,#f8fafc,#f1f5f9,#e2e8f0,#cbd5e1,#94a3b8);padding:100px 20px 60px}.schedule-container{max-width:900px;margin:0 auto;background:linear-gradient(90deg,#fff,#f8fafc);border-radius:24px;box-shadow:0 30px 60px #00000026;padding:50px;border:4px solid #000000}.schedule-header{text-align:center;margin-bottom:40px}.schedule-header h1{font-size:2.8rem;color:var(--primary-green);margin-bottom:1rem;font-weight:700}@keyframes scheduleGlow{0%{text-shadow:0 0 10px rgba(34,197,94,.5),0 0 20px rgba(34,197,94,.3),0 0 30px rgba(34,197,94,.2),0 0 40px rgba(34,197,94,.1)}to{text-shadow:0 0 15px rgba(34,197,94,.8),0 0 25px rgba(34,197,94,.5),0 0 35px rgba(34,197,94,.3),0 0 45px rgba(34,197,94,.2)}}.schedule-header p{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.schedule-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.services-scroll-hint{font-size:.875rem;color:#666;margin-bottom:8px;text-align:center;padding:4px;background:#f8f9fa;border-radius:4px;border:1px solid #e9ecef}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:8px;max-height:400px;overflow-y:auto;border:2px solid #e9ecef;border-radius:8px;padding:12px}.checkbox-label{display:flex;align-items:center;gap:12px;padding:12px;border:3px solid #000000;border-radius:8px;cursor:pointer;transition:all .3s ease;background:linear-gradient(90deg,#fff,#f8fafc);box-shadow:0 4px 8px #0000001a}.checkbox-label:hover{border-color:var(--primary-green);background:#f0fdf4}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-green);cursor:pointer}.checkbox-label input[type=checkbox]:checked+span{color:var(--primary-green);font-weight:600}.checkbox-label span{font-size:1rem;color:var(--text-color);transition:all .3s ease}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group.services-needed{grid-column:1 / -1;max-width:100%}.form-group label{font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:1rem}.form-group input,.form-group select,.form-group textarea{padding:14px 16px;border:3px solid #000000;border-radius:12px;font-size:1rem;transition:all .3s ease;background-color:var(--white);color:var(--text-primary);box-shadow:0 4px 8px #0000000d}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-green);box-shadow:0 0 0 3px #4ade801a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.error-text{color:#ef4444;font-size:.875rem;margin-top:4px;font-weight:500}.form-group textarea{resize:vertical;min-height:100px}.payment-info{background:linear-gradient(90deg,#374151,#4b5563);padding:24px;border-radius:16px;margin:20px 0;color:var(--white);text-align:center;border:4px solid #000000;box-shadow:0 8px 20px #0003}.payment-info h3{font-size:1.5rem;margin-bottom:12px;color:var(--white);font-weight:600}.payment-info p{font-size:1rem;line-height:1.6;margin:0;opacity:1;color:var(--white)}.submit-button{background:linear-gradient(135deg,#6b7280,#9ca3af);color:var(--white);padding:18px 36px;border:none;border-radius:16px;font-weight:700;font-size:1.2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #4ade804d;text-transform:uppercase;letter-spacing:.5px;margin-top:20px}.submit-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #4ade8066;background:linear-gradient(135deg,#9ca3af,#6b7280)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.schedule-page{padding:80px 15px 40px}.schedule-container{padding:30px 20px}.schedule-header h1{font-size:2.2rem}.schedule-header p{font-size:1.1rem}.form-row{grid-template-columns:1fr;gap:16px}.checkbox-group{grid-template-columns:1fr;max-height:300px}.services-scroll-hint{font-size:.8rem;padding:6px}.submit-button{font-size:1.1rem;padding:16px 24px}}@media (max-width: 480px){.schedule-header h1{font-size:1.8rem}.schedule-header p{font-size:1rem}.form-group input,.form-group select,.form-group textarea{padding:12px 14px}}.service-type-selection{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.service-type-card{border:2px solid #e1e5e9;border-radius:8px;padding:16px;cursor:pointer;transition:all .3s ease;background-color:#f8f9fa}.service-type-card:hover{border-color:#22c55e;background-color:#f0fdf4}.service-type-card.selected{border-color:#22c55e;background-color:#dcfce7;box-shadow:0 0 0 3px #22c55e1a}.service-type-card h4{margin:0 0 8px;color:#1f2937;font-size:1.1rem;font-weight:600}.service-type-card p{margin:0 0 12px;color:#6b7280;font-size:.9rem}.service-type-card ul{margin:0;padding-left:16px;color:#4b5563;font-size:.85rem}.service-type-card li{margin:4px 0}.selected-services-section{margin-top:24px;padding:16px;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.selected-services-section label{font-weight:600;color:#374151;margin-bottom:12px;display:block}.loading-time-slots p,.no-time-slots p,.select-date-first p{margin:0;padding:12px 16px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;font-style:italic;text-align:center}.loading-time-slots p{background:#fef3c7;border-color:#f59e0b;color:#92400e}.no-time-slots p{background:#fee2e2;border-color:#f87171;color:#dc2626}@media (max-width: 768px){.service-type-selection{grid-template-columns:1fr;gap:12px}.service-type-card{padding:12px}.service-type-card h4{font-size:1rem}.service-type-card p,.service-type-card ul{font-size:.8rem}}.calendar-section{padding:60px 20px;background:linear-gradient(90deg,#f8fafc,#f1f5f9,#e2e8f0,#cbd5e1,#94a3b8);margin:0 auto;max-width:900px;border-radius:24px;box-shadow:0 32px 64px #0f172a26,0 16px 32px #4755691f,0 8px 16px #94a3b814;border:2px solid rgba(148,163,184,.3);position:relative;overflow:hidden;transition:all .3s ease}.calendar-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(148,163,184,0.08)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');pointer-events:none;z-index:0}.calendar-section:hover{transform:translateY(-2px);box-shadow:0 40px 80px #0f172a2e,0 20px 40px #47556926,0 10px 20px #94a3b81a}.calendar-container{text-align:center;position:relative;z-index:1}.calendar-section h2{font-size:3rem;margin-bottom:.75rem;color:#1e293b;font-weight:800;letter-spacing:-.025em;text-shadow:0 2px 4px rgba(15,23,42,.15);line-height:1.1;background:linear-gradient(135deg,#1e293b,#475569,#64748b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.calendar-section p{font-size:1.3rem;margin-bottom:2.5rem;color:var(--text-secondary);font-weight:500;opacity:.9;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.5}.calendar{background:linear-gradient(135deg,#f8fafcf2,#f1f5f9e6,#e2e8f0d9,#cbd5e1cc,#94a3b8bf);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:32px;box-shadow:0 20px 40px #0f172a1a,0 8px 16px #47556914,inset 0 1px #ffffffb3;border:1px solid rgba(203,213,225,.4);transition:all .3s ease;position:relative;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.calendar:hover{transform:translateY(-1px);box-shadow:0 24px 48px #0f172a1f,0 12px 20px #4755691a,inset 0 1px #fffc}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 12px}.calendar-header h3{font-size:1.75rem;color:#334155;font-weight:700;margin:0;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(51,65,85,.1)}.nav-button{background:linear-gradient(135deg,#6b7280,#4b5563,#374151);color:var(--white);border:none;width:44px;height:44px;border-radius:50%;font-size:1.3rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4338ca4d;position:relative;overflow:hidden}.nav-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.nav-button:hover{background:linear-gradient(135deg,#4b5563,#374151,#1f2937);transform:scale(1.15) rotate(5deg);box-shadow:0 8px 20px #5b21b666}.nav-button:hover:before{left:100%}.nav-button:active{transform:scale(1.05)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.weekday{padding:16px 8px;font-weight:700;color:#475569;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;opacity:.9;border-bottom:2px solid rgba(148,163,184,.2)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;width:100%;max-width:100%;overflow:hidden}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;gap:2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);overflow:hidden;min-width:0;width:100%;box-sizing:border-box}.day-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;position:relative;padding:4px 2px}.day-icon{position:absolute;top:4px;right:4px;font-size:1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));animation:iconPulse 2s ease-in-out infinite;z-index:1}@keyframes iconPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.1);opacity:1}}.calendar-day.empty{visibility:hidden}.calendar-day.available{background:linear-gradient(135deg,#059669,#047857,#065f46);color:var(--white);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 8px #0596694d,inset 0 1px #fff3;position:relative;animation:availablePulse 3s ease-in-out infinite}@keyframes availablePulse{0%,to{box-shadow:0 4px 8px #0596694d,inset 0 1px #fff3,0 0 #05966966}50%{box-shadow:0 6px 12px #05966966,inset 0 1px #ffffff4d,0 0 0 4px #05966933}}.calendar-day.available:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.calendar-day.unavailable{background:linear-gradient(135deg,#6b7280,#4b5563,#374151);color:var(--white);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 8px #6b72804d,inset 0 1px #fff3}.calendar-day.past{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)!important;color:#9ca3af!important;cursor:not-allowed;border:1px solid rgba(229,231,235,.5)!important;box-shadow:inset 0 1px 2px #0000000d!important;animation:none!important}.calendar-day.clickable{cursor:pointer}.calendar-day.clickable:hover{transform:scale(1.05) translateY(-1px) rotate(1deg);box-shadow:0 8px 20px #05966980,0 4px 8px #0596694d,inset 0 1px #ffffff80;z-index:10;border:2px solid rgba(255,255,255,.8)}.calendar-day.clickable:hover .day-icon{animation:iconBounce .6s ease-in-out;transform:scale(1.3) rotate(10deg)}@keyframes iconBounce{0%,to{transform:scale(1.3) rotate(10deg)}50%{transform:scale(1.5) rotate(-5deg)}}.calendar-day.unavailable.clickable:hover{transform:scale(1.05) translateY(-1px);box-shadow:0 6px 16px #dc262666,0 3px 6px #dc262640,inset 0 1px #fff6;border:1px solid rgba(255,255,255,.6)}.calendar-day.clickable:active{transform:scale(1.05) translateY(0);transition:all .1s ease}.calendar-legend{display:flex;justify-content:center;gap:32px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(148,163,184,.25)}.legend-item{display:flex;align-items:center;gap:10px;font-size:.95rem;color:var(--text-secondary);font-weight:600;transition:all .2s ease}.legend-item:hover{color:#334155;transform:translateY(-1px)}.legend-color{width:18px;height:18px;border-radius:6px;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0000001a}.legend-color.available{background:linear-gradient(135deg,#059669,#047857,#065f46)}.legend-color.unavailable{background:linear-gradient(135deg,#6b7280,#4b5563,#374151)}.legend-color.past{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.calendar-day.has-bookings{border:2px solid #3b82f6;position:relative}.bookings-container{margin-top:4px;display:flex;flex-direction:column;gap:2px;width:100%}.booking-item{background:#3b82f6;color:#fff;font-size:11px;padding:8px 6px;border-radius:4px;cursor:pointer;transition:all .2s;z-index:2;position:relative;min-height:45px;display:flex;flex-direction:column;justify-content:center}.booking-item:hover{background:#2563eb;transform:scale(1.05);z-index:3}.booking-name{font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.booking-overflow{font-size:9px;color:#6b7280;text-align:center;font-weight:500;padding:1px}@media (max-width: 900px){.calendar-day.clickable:hover{transform:scale(1.02) translateY(-1px);box-shadow:0 4px 12px #05966966,0 2px 4px #05966940,inset 0 1px #fff6}.calendar-day.clickable:hover .day-icon{transform:scale(1.1)}}@media (max-width: 768px){.calendar-section{padding:30px 15px;margin:20px 10px;max-width:calc(100vw - 20px);border-radius:16px}.calendar{padding:16px;max-width:100%;border-radius:12px}.calendar-section h2{font-size:2rem;margin-bottom:.5rem}.calendar-section p{font-size:1.1rem;margin-bottom:1.5rem}.calendar-header{padding:0 4px;margin-bottom:16px}.calendar-header h3{font-size:1.3rem}.nav-button{width:36px;height:36px;font-size:1rem}.calendar-weekdays{gap:3px;margin-bottom:6px}.weekday{padding:10px 4px;font-size:.8rem}.calendar-grid{gap:2px!important;display:grid!important;grid-template-columns:repeat(7,1fr)!important;grid-template-rows:repeat(6,80px)!important;width:100%!important;height:auto!important}.calendar-day,.calendar-day.available,.calendar-day.unavailable,.calendar-day.past,.calendar-day.clickable,.calendar-day.empty{font-size:.8rem!important;padding:4px!important;border-radius:6px!important;height:90px!important;min-height:90px!important;max-height:90px!important;aspect-ratio:unset!important;flex-direction:column!important;overflow:hidden!important;display:flex!important;width:100%!important;box-sizing:border-box!important;margin:0!important;grid-row:span 1!important;grid-column:span 1!important}.day-content{padding:2px 0!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.time-slots-preview{position:absolute!important;bottom:2px!important;display:flex!important;max-height:40px!important}.day-number{font-size:.85rem;top:2px;left:2px}.day-icon{font-size:.8rem;top:2px;right:2px}.time-slots-preview{bottom:4px!important;width:calc(100% - 4px);max-height:35px!important;overflow:hidden!important}.calendar-legend{gap:16px;flex-wrap:wrap;margin-top:20px}.legend-item{font-size:.8rem}.calendar-day.clickable:hover{transform:none!important;box-shadow:0 4px 8px #0596694d,inset 0 1px #fff3}.calendar-day.unavailable.clickable:hover{transform:none!important;box-shadow:0 4px 8px #dc26264d,inset 0 1px #fff3}.calendar-day.clickable:hover .day-icon{transform:none!important;animation:none!important}}@media (max-width: 480px){.calendar-section{padding:25px 12px;margin:15px 8px;border-radius:12px}.calendar{padding:12px;border-radius:8px}.calendar-section h2{font-size:1.75rem}.calendar-section p{font-size:1rem;margin-bottom:1.25rem}.calendar-header h3{font-size:1.1rem}.nav-button{width:32px;height:32px;font-size:.9rem}.weekday{padding:8px 2px;font-size:.75rem}.calendar-day{font-size:.75rem;padding:2px;border-radius:4px;height:45px!important;aspect-ratio:unset!important;min-height:unset!important;max-height:45px!important}.day-content{padding:1px 0;height:100%}.day-number{font-size:.8rem;top:1px;left:1px}.day-icon{font-size:.8rem!important;top:1px!important;right:1px!important;display:block!important;visibility:visible!important}.time-slots-preview{bottom:4px!important;width:calc(100% - 2px)!important;display:flex!important;flex-direction:column!important;align-items:center!important}.time-slot-preview{font-size:.4rem!important;padding:1px 2px!important;margin:.2px 0!important;min-width:18px!important;text-align:center!important;line-height:1!important}.calendar-legend{gap:12px;margin-top:16px}.legend-item{font-size:.75rem}}@media (max-width: 400px){.calendar-grid,.calendar-weekdays{gap:1px}}@media (max-width: 360px){.calendar-section{padding:20px 8px;margin:10px 5px}.calendar{padding:8px}.calendar-section h2{font-size:1.5rem}.calendar-section p{font-size:.9rem;margin-bottom:1rem}.calendar-header h3{font-size:1rem}.nav-button{width:28px;height:28px;font-size:.8rem}.weekday{padding:6px 1px;font-size:.7rem}.calendar-grid{gap:2px}.calendar-day{font-size:.7rem;padding:1px;border-radius:3px;height:40px!important;aspect-ratio:unset!important;min-height:unset!important;max-height:50px!important}.day-content{padding:1px 0;height:100%}.day-number{font-size:.75rem;top:1px;left:1px}.day-icon{font-size:.6rem;top:1px;right:1px}.time-slots-preview{bottom:4px;width:calc(100% - 2px)}.calendar-legend{gap:8px;margin-top:12px}.legend-item{font-size:.7rem}.legend-color{width:14px;height:14px}}.day-number{position:absolute;top:4px;left:4px;font-size:.9rem;line-height:1;z-index:1}.slot-count{font-size:.75rem;background:#ffffff4d;padding:2px 5px;border-radius:8px;line-height:1;font-weight:700}.time-slots-preview{position:absolute;bottom:8px;left:2px;right:2px;display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:flex-end;width:auto;z-index:2}.time-slot-preview{font-size:.6rem;background-color:#22c55ecc;color:#fff;padding:1px 3px;border-radius:2px;text-align:center;font-weight:600;line-height:1.1}.time-slot-selector{max-width:400px;width:90%}.calendar-section .modal-overlay{position:fixed!important;inset:0!important;z-index:9999!important;background:#00000080}.time-slot-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:20px 0}.time-slot-option{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;padding:16px 12px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:4px}.time-slot-option:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.time-display{font-size:1.2rem;font-weight:700}.time-24hr{font-size:.8rem;opacity:.8}@supports (padding: max(0px)){.calendar-day{padding-bottom:max(4px,env(safe-area-inset-bottom))}.time-slots-preview,.adjust-bookings{bottom:max(4px,calc(4px + env(safe-area-inset-bottom)))!important}}@media (max-width: 768px){.time-slot-preview{font-size:.55rem;padding:1px 2px}.time-slots-preview{gap:.5px}.time-slot-selector{max-width:95vw;margin:10px}.time-slot-selector .modal-header{padding:15px 20px}.time-slot-selector .modal-header h3{font-size:1.1rem}.time-slot-selector .modal-body{padding:15px 20px}.time-slot-options{grid-template-columns:1fr;gap:8px;margin:15px 0}.time-slot-option{padding:14px 12px;border-radius:6px}.time-display{font-size:1.1rem}.time-24hr{font-size:.75rem}.modal-overlay{position:fixed!important;inset:0!important;padding:20px;display:flex;align-items:center;justify-content:center;z-index:9999;background:#00000080}.calendar-day.clickable{touch-action:manipulation;-webkit-tap-highlight-color:rgba(34,197,94,.3)}.time-slot-preview{min-height:10px;display:block!important;visibility:visible!important;opacity:1!important;font-size:.5rem!important;padding:1px 2px!important;margin:.5px 0!important;background-color:#22c55ee6!important;border-radius:2px!important;color:#fff!important;font-weight:600!important;text-align:center!important;line-height:1.1!important}.time-slots-preview{display:flex!important;flex-direction:column!important;gap:.3px!important;align-items:center!important;bottom:2px!important;left:2px!important;right:2px!important;transform:none!important;max-height:35px!important;overflow:hidden!important;width:auto!important;position:absolute!important;z-index:3!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}.day-icon{display:block!important;visibility:visible!important;opacity:1!important;font-size:.7rem!important;top:2px!important;right:2px!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))!important}}.contact-page{min-height:100vh;background:linear-gradient(90deg,#f0fdfa,#ccfbf1,#99f6e4,#5eead4,#2dd4bf);padding:100px 20px 60px;animation:fadeInUp 1s ease-out}.contact-container{max-width:1000px;margin:0 auto}.contact-header{text-align:center;margin-bottom:50px}.contact-header h1{font-size:2.8rem;color:var(--primary-green);margin-bottom:1rem;font-weight:700}.contact-header p{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.contact-content{display:flex;flex-direction:column;gap:40px}.contact-info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.contact-card{background:linear-gradient(90deg,#fff,#dbeafe,#bfdbfe);padding:32px;border-radius:20px;text-align:center;box-shadow:0 20px 40px #0000001f;border:4px solid #000000;transition:all .3s ease;animation:scaleIn .8s ease-out}.contact-card:nth-child(1){animation-delay:.1s}.contact-card:nth-child(2){animation-delay:.3s}.contact-card:nth-child(3){animation-delay:.5s}.contact-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 25px 50px #3b82f633}.contact-icon{font-size:2.5rem;margin-bottom:16px;display:block}.contact-card h3{font-size:1.4rem;color:#1e40af;margin-bottom:12px;font-weight:600}.contact-card p{font-size:1.1rem;margin:0}.contact-card a{color:var(--accent-green);text-decoration:none;font-weight:600;transition:color .3s ease}.contact-card a:hover{color:var(--light-green);text-decoration:underline}.pricing-section{background:linear-gradient(90deg,#fff,#f1f5f9);padding:40px;border-radius:20px;box-shadow:0 20px 40px #0000001f;border:4px solid #000000;animation:slideInLeft 1s ease-out}.pricing-section h2{font-size:2.2rem;color:var(--primary-green);text-align:center;margin-bottom:30px;font-weight:700}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.pricing-item{background:linear-gradient(90deg,#e2e8f0,#cbd5e1);padding:20px;border-radius:12px;border:3px solid #000000;box-shadow:0 8px 16px #0000001a;transition:all .3s ease}.pricing-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.pricing-item h4{font-size:1.2rem;color:#1e293b;margin-bottom:8px;font-weight:600}.pricing-item p{font-size:1rem;color:#334155;margin:0;font-weight:500}.hours-section{background:linear-gradient(135deg,#0f2419,#1a4d3a,#2d5f47);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:20px;box-shadow:0 20px 40px #1a4d3a4d;color:var(--white)}.hours-section h2{font-size:2.2rem;color:var(--white);text-align:center;margin-bottom:30px;font-weight:700}.hours-grid{display:flex;flex-direction:column;gap:16px;max-width:400px;margin:0 auto}.hours-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffffff1a;border-radius:12px;border:2px solid rgba(255,255,255,.4)}.day{font-weight:600;font-size:1.1rem}.time{font-weight:500;color:var(--white)}.emergency-section{background:linear-gradient(90deg,#fff,#fef2f2,#fecaca);padding:40px;border-radius:20px;text-align:center;box-shadow:0 20px 40px #0000001f;border:4px solid #000000;animation:slideInRight 1s ease-out;transition:all .3s ease}.emergency-section:hover{transform:translateY(-3px);box-shadow:0 20px 40px #ef444433}.emergency-section h2{font-size:2rem;color:#dc2626;margin-bottom:20px;font-weight:700}.emergency-section p{font-size:1.1rem;color:#7f1d1d;margin-bottom:24px;line-height:1.6}.emergency-button{background:linear-gradient(135deg,#dc2626,#ef4444);color:var(--white);padding:16px 32px;border-radius:12px;text-decoration:none;font-weight:700;font-size:1.1rem;display:inline-block;transition:all .3s ease;box-shadow:0 8px 20px #dc26264d}.emergency-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #dc262666;background:linear-gradient(135deg,#ef4444,#dc2626)}@media (max-width: 768px){.contact-page{padding:80px 15px 40px}.contact-header h1{font-size:2.2rem}.contact-header p{font-size:1.1rem}.contact-info-section{grid-template-columns:1fr}.pricing-section,.hours-section,.emergency-section{padding:30px 20px}.pricing-grid{grid-template-columns:1fr}.hours-item{padding:12px 16px}.day,.time{font-size:1rem}}@media (max-width: 480px){.contact-header h1{font-size:1.8rem}.contact-card{padding:24px}.contact-icon{font-size:2rem}.pricing-section h2,.hours-section h2,.emergency-section h2{font-size:1.8rem}}.our-story-page{padding:80px 0;min-height:100vh;background:linear-gradient(90deg,#f0fdf4,#dcfce7,#bbf7d0,#86efac,#22c55e)}.story-container{max-width:1200px;margin:0 auto;padding:0 20px}.story-header{text-align:center;margin-bottom:60px}.story-header h1{font-size:clamp(2rem,4vw,3rem);color:var(--primary-green);font-weight:700;line-height:1.2;max-width:900px;margin:0 auto}.story-section{margin-bottom:80px}.story-section h2{font-size:2rem;color:var(--primary-green);font-weight:700;margin-bottom:30px;text-align:center}.story-section-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.story-section-content.reverse{grid-template-columns:1fr 1fr}.story-section-content.reverse .story-text{order:2}.story-section-content.reverse .story-image{order:1}.story-text{background:#ffffffe6;padding:30px;border-radius:16px;box-shadow:0 8px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.story-text p{font-size:1.1rem;line-height:1.7;color:var(--text-primary);margin-bottom:1rem}.story-text p:last-child{margin-bottom:0}.mission-statement{font-style:italic;font-weight:600;color:var(--primary-green);font-size:1.2rem!important;text-align:center;padding:20px 0;border-top:2px solid var(--accent-green);border-bottom:2px solid var(--accent-green);margin:20px 0!important}.story-image{text-align:center}.story-image img{width:100%;max-width:500px;height:300px;object-fit:cover;border-radius:16px;box-shadow:0 15px 35px #00000026;transition:transform .3s ease}.story-image img:hover{transform:scale(1.05)}@media (max-width: 768px){.story-section-content,.story-section-content.reverse{grid-template-columns:1fr;gap:30px}.story-section-content.reverse .story-text,.story-section-content.reverse .story-image{order:initial}.story-text{padding:25px}.story-image img{height:250px}.story-section{margin-bottom:60px}}.admin-container{min-height:100vh;background-color:#f8f9fa;padding:0;margin:0;max-width:100vw;overflow-x:hidden;box-sizing:border-box;position:relative;top:0;left:0;right:0}.test-booking-section{margin-top:40px;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:24px}.test-booking-section h2{margin:0 0 12px;color:#2c3e50;border-bottom:2px solid #3498db;padding-bottom:10px}.test-booking-section>p{margin:0 0 20px;color:#666;line-height:1.5}.test-booking-status{padding:12px 16px;margin:16px 0;border-radius:6px;font-weight:600;text-align:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;border:1px solid #90caf9}.test-commands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.test-command-card{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;padding:20px;transition:all .2s ease}.test-command-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.test-command-card h3{margin:0 0 8px;color:#2c3e50;font-size:16px}.test-command-card p{margin:0 0 16px;color:#6c757d;font-size:14px;line-height:1.4}.test-command-buttons{display:flex;flex-direction:column;gap:8px}.test-cmd-btn{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left}.test-cmd-btn:hover{background:linear-gradient(135deg,#2980b9,#1c5985);transform:translateY(-1px);box-shadow:0 4px 12px #3498db4d}.test-cmd-btn.bulk{background:linear-gradient(135deg,#27ae60,#229954)}.test-cmd-btn.bulk:hover{background:linear-gradient(135deg,#229954,#1e7e4f);box-shadow:0 4px 12px #27ae604d}.test-cmd-btn.danger{background:linear-gradient(135deg,#e74c3c,#c0392b)}.test-cmd-btn.danger:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 12px #e74c3c4d}.test-command-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px;margin-top:20px}.test-command-info h4{margin:0 0 12px;color:#495057;font-size:14px}.test-command-info p{margin:0 0 12px;color:#6c757d;font-size:13px}.test-command-info ul{margin:0;padding-left:20px}.test-command-info li{margin-bottom:4px;color:#6c757d;font-size:13px}.test-command-info code{background:#e9ecef;padding:2px 4px;border-radius:3px;font-family:Monaco,Consolas,monospace;font-size:12px;color:#495057}.cleanup-section{margin-top:40px}.cleanup-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a;border:1px solid #e1e5e9}.cleanup-card h3{margin:0 0 12px;color:#2c3e50;font-size:18px}.cleanup-card p{margin:0 0 20px;color:#666;line-height:1.5}.cleanup-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.cleanup-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c4d}.admin-login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;background:#fff;max-width:400px;margin:0 auto;padding:40px;border-radius:10px;box-shadow:0 4px 6px #0000001a}.admin-login h2{margin-bottom:30px;color:#333;text-align:center}.form-group{margin-bottom:20px;width:100%}.form-group label{display:block;margin-bottom:5px;color:#555;font-weight:500}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px}.form-group input:focus{outline:none;border-color:#4caf50}.admin-login button{width:100%;padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s}.admin-login button:hover{background-color:#45a049}.admin-header{display:flex;justify-content:space-between;align-items:center;margin:20px 20px 10px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a}.admin-header h1{margin:0;color:#333}.logout-btn{padding:8px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.logout-btn:hover{background-color:#c82333}.admin-content{display:flex;flex-direction:column;gap:30px;max-width:100vw;width:100%;margin:0 auto;padding:20px;box-sizing:border-box}.calendar-section,.rates-section{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 4px #0000001a}.calendar-section h2,.rates-section h2{margin-bottom:20px;color:#333;border-bottom:2px solid #4CAF50;padding-bottom:10px}.calendar-header{text-align:center;margin-bottom:20px}.calendar-header h3{margin:0;color:#555}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background-color:#e0e0e0;border:1px solid #e0e0e0}.calendar-day{background-color:#fff;min-height:80px;padding:5px;display:flex;flex-direction:column}.calendar-day.inactive{background-color:#f8f9fa}.calendar-day.active{cursor:pointer;transition:background-color .2s}.calendar-day.active:hover{background-color:#f0f8ff}.day-content{display:flex;flex-direction:column;height:100%;position:relative}.day-number{font-weight:700;color:#333;font-size:16px;min-width:fit-content;position:absolute;top:0;left:0;right:0;text-align:center;background:#ffffffe6;border-radius:4px;padding:2px;z-index:10}.booking-availability{margin-top:auto;font-size:12px}.bookings-count{display:block;color:#666;margin-bottom:3px}.adjust-bookings{background-color:#007bff;color:#fff;border:none;padding:4px 8px;font-size:10px;border-radius:3px;cursor:pointer;transition:background-color .2s;position:absolute;bottom:3px;left:3px;right:3px;z-index:5;min-height:16px;line-height:1.2}.adjust-bookings:hover{background-color:#0056b3}.rates-grid{display:flex;flex-direction:column;gap:20px}.rate-card{border:1px solid #e0e0e0;padding:20px;border-radius:8px;background-color:#f8f9fa}.rate-card h3{margin-top:0;margin-bottom:15px;color:#333;text-align:center}.rate-inputs{display:flex;gap:15px}.input-group{flex:1}.input-group label{display:block;margin-bottom:5px;color:#555;font-weight:500;font-size:14px}.input-group input{width:100%;padding:8px;border:1px solid #ddd;border-radius:5px;font-size:16px}.input-group input:focus{outline:none;border-color:#4caf50}.save-rates-btn{width:100%;padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;margin-top:20px;transition:background-color .3s}.save-rates-btn:hover{background-color:#45a049}@supports (padding: max(0px)){.admin-container{padding-bottom:env(safe-area-inset-bottom)}.adjust-bookings{bottom:max(4px,calc(4px + env(safe-area-inset-bottom)))!important}.time-slots-display{margin-bottom:max(8px,calc(8px + env(safe-area-inset-bottom)))!important}}@media (max-width: 768px){.admin-container{padding:0;margin:0;max-width:100vw;overflow-x:hidden}.admin-header{margin:10px 10px 5px;padding:12px;flex-direction:column;gap:8px;text-align:center}.admin-header h1{font-size:20px;margin:0;line-height:1.2}.admin-content{grid-template-columns:1fr;gap:15px;max-width:100%;padding:10px}.calendar-section,.rates-section{padding:15px;max-width:100%;overflow-x:auto}.calendar-section h2{font-size:18px;margin-bottom:15px}.calendar-header{margin-bottom:15px}.calendar-header h3{font-size:16px}.nav-button{padding:6px 10px;font-size:16px}.calendar-grid{gap:1px;max-width:100%;min-width:100%}.calendar-day{min-height:250px!important;height:250px!important;padding:3px;font-size:8px;min-width:0;display:flex;flex-direction:column;position:relative;justify-content:flex-start;box-sizing:border-box}.calendar-day .day-content{height:100%;display:flex;flex-direction:column}.calendar-day .day-number{font-size:14px;font-weight:700;color:#000;text-align:center;background:#fffffff2;border-radius:3px;padding:1px 4px;line-height:1;position:absolute;top:2px;left:2px;right:2px;z-index:11;min-width:18px}.slots-available{font-size:6px;padding:1px 3px;background:#22c55ee6;color:#fff;border-radius:4px;text-align:center;width:auto;max-width:28px;display:flex;flex-direction:column;align-items:center;line-height:1;position:absolute;top:22px;right:2px;z-index:8;border:1px solid rgba(255,255,255,.3)}.crew-label{font-size:5px;color:#fffc;margin-bottom:0;text-shadow:0 1px 1px rgba(0,0,0,.2)}.crew-number{font-size:7px;font-weight:700;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2)}.bookings-list{flex:1;overflow-y:auto;margin-bottom:18px;margin-top:45px;padding-top:2px;padding-bottom:2px;position:relative;z-index:1;max-height:110px}.booking-item{margin-bottom:8px!important;padding:15px 10px!important;font-size:12px!important;position:relative;background:#3b82f64d!important;border:2px solid rgba(59,130,246,.7)!important;border-radius:5px;min-height:70px!important;height:auto!important;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 2px 6px #0003!important}.customer-name{font-size:11px;margin-bottom:2px;font-weight:700;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;color:#1f2937!important;text-shadow:0 1px 1px rgba(255,255,255,.7)!important}.booking-details{gap:1px;display:none}.crew-size,.services{font-size:6px;line-height:1}.booking-status{font-size:6px;display:none;line-height:1}.no-bookings{font-size:7px;padding:3px;text-align:center}.adjust-bookings{padding:3px 4px!important;font-size:7px!important;min-height:14px!important;position:absolute!important;inset:auto 1px 2px!important;margin:0!important;z-index:20!important;background:#007bff!important;color:#fff!important;text-align:center!important;border:none!important;border-radius:3px!important;font-weight:600!important;line-height:1.2!important;transform:none!important}.time-slots-display{margin:0!important;max-height:20px!important;overflow:visible!important;flex-wrap:wrap!important;position:absolute!important;top:15px!important;left:2px!important;right:2px!important;z-index:5!important;background:#fffffff2!important;border-radius:2px!important;padding:1px!important;display:flex!important;justify-content:flex-start!important;align-items:flex-start!important}.time-slot-chip{font-size:8px!important;padding:1px 3px!important;margin:.5px!important;min-width:20px!important;border-radius:3px!important;font-weight:600!important}.bookings-list{position:absolute!important;inset:40px 2px 2px!important;overflow-y:auto!important;background:#ffffffe6!important;border-radius:2px!important;padding:3px!important;border:1px solid rgba(0,0,0,.1)!important}.day-content{height:100%!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.mobile-booking-count{background:#3b82f6;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin:2px auto;cursor:pointer}.mobile-booking-summary{display:block;text-align:center;margin-top:4px}.booking-count-text{font-size:9px;color:#666;font-weight:700}.booking-item.expanded .booking-details,.booking-item.expanded .booking-status{display:block}.booking-item.expanded{background:#e3f2fd;border:1px solid #2196f3;border-radius:4px;z-index:10;position:relative}.rate-inputs{flex-direction:column;gap:10px}.rate-card{padding:12px}.rate-card h3{font-size:15px;margin-bottom:8px}.input-group input{font-size:14px;padding:6px}@supports (-webkit-touch-callout: none){.bookings-list{margin-top:38px!important}}}@media (max-width: 480px){.admin-container{padding:0;margin:0}.admin-header h1{font-size:18px}.calendar-section h2,.rates-section h2{font-size:16px}.calendar-section,.rates-section{padding:10px}.calendar-header h3{font-size:14px}.nav-button{padding:4px 8px;font-size:14px}.calendar-day{min-height:100px;padding:4px;font-size:10px}.day-number{font-size:14px;font-weight:700;color:#333}.slots-available{font-size:8px;padding:2px 3px;background:#22c55e;color:#fff;border-radius:6px;white-space:nowrap}.booking-item{padding:3px;font-size:8px}.customer-name{font-size:9px}.crew-size,.services,.booking-status{font-size:7px}.no-bookings{font-size:8px;padding:4px}}.slots-available{font-size:10px;color:#666;background:#22c55ee6;color:#fff;padding:3px 6px;border-radius:6px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;line-height:1;position:absolute;top:22px;right:3px;z-index:9;border:1px solid rgba(255,255,255,.3)}.crew-label{font-size:8px;color:#fffc;margin-bottom:1px;text-shadow:0 1px 1px rgba(0,0,0,.2)}.crew-number{font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2)}.bookings-list{flex:1;overflow-y:auto;margin-bottom:35px;margin-top:20px;padding-top:4px;position:relative;z-index:1}.booking-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:6px;margin-bottom:4px;font-size:11px}.customer-name{font-weight:700;color:#333;margin-bottom:2px}.booking-details{display:flex;flex-direction:column;gap:2px;margin-bottom:3px}.crew-size{color:#666}.services{color:#555;font-style:italic}.booking-status{font-size:10px}.status-pending{color:#ffc107;font-weight:700}.status-confirmed{color:#28a745;font-weight:700}.status-completed{color:#6c757d;font-weight:700}.status-cancelled{color:#dc3545;font-weight:700}.no-bookings{color:#999;font-style:italic;font-size:11px;text-align:center;padding:10px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px}.nav-button{background:#4caf50;color:#fff;border:none;padding:8px 12px;border-radius:5px;font-size:18px;cursor:pointer;transition:background-color .2s}.nav-button:hover{background:#45a049}.admin-content .calendar-day{min-height:180px!important;padding:8px!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;overflow:hidden!important}.admin-container .admin-content .calendar-section .calendar-grid,.admin-content .calendar-grid,.calendar-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:1px!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.admin-content .calendar-section{width:100%!important;max-width:100%!important;overflow-x:auto!important;box-sizing:border-box!important}@media (max-width: 768px){.admin-container .admin-content .calendar-section .calendar-grid,.admin-content .calendar-grid,.calendar-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:1px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}}@media (max-width: 480px){.admin-container .admin-content .calendar-section .calendar-grid,.admin-content .calendar-grid,.calendar-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:1px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}}@media (min-width: 769px){.admin-container .admin-content .calendar-section .calendar-grid,.admin-content .calendar-grid,.calendar-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:1px!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.admin-content{max-width:100vw!important;width:100%!important;padding:0 20px!important;box-sizing:border-box!important}.admin-content .calendar-section{width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}}.booking-item.clickable{cursor:pointer;transition:background-color .2s}.booking-item.clickable:hover{background:#e9ecef!important;border-color:#adb5bd!important}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:10px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h3{margin:0;color:#333}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.close-button:hover{color:#333}.modal-body{padding:20px}.booking-section{margin-bottom:25px}.booking-section h4{margin:0 0 15px;color:#333;font-size:16px;border-bottom:2px solid #4CAF50;padding-bottom:5px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.info-item{display:flex;flex-direction:column}.info-item.full-width{grid-column:1 / -1}.info-item label{font-weight:700;color:#666;font-size:12px;margin-bottom:5px;text-transform:uppercase}.info-item span{color:#333;font-size:14px;word-break:break-word}.payment-status.paid{color:#28a745;font-weight:700}.payment-status.unpaid{color:#dc3545;font-weight:700}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #eee}.btn-primary{background:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .2s}.btn-primary:hover{background:#45a049}.btn-secondary{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .2s}.btn-secondary:hover{background:#5a6268}.btn-outline{background:transparent;color:#007bff;border:2px solid #007bff;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:12px;transition:all .2s}.btn-outline:hover{background:#007bff;color:#fff}.time-slot-actions{display:flex;flex-direction:column;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid #eee}.quick-fill-buttons{display:flex;flex-direction:column;gap:8px}.quick-fill-buttons h4{margin:0 0 8px;font-size:14px;color:#6c757d;font-weight:600}.quick-fill-buttons button{align-self:flex-start}@media (max-width: 768px){.time-slot-actions{gap:12px}.quick-fill-buttons{gap:6px}.btn-outline{font-size:11px;padding:6px 12px}}.btn-danger{background:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .2s}.btn-danger:hover{background:#c82333}.crew-modal{max-width:400px}.crew-input-section{text-align:center}.crew-input-section label{display:block;font-weight:700;margin-bottom:15px;color:#333;font-size:16px}.crew-counter{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:15px}.counter-btn{background:#4caf50;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.counter-btn:hover:not(:disabled){background:#45a049}.counter-btn:disabled{background:#ccc;cursor:not-allowed}.crew-input{width:80px;height:40px;text-align:center;font-size:18px;font-weight:700;border:2px solid #ddd;border-radius:8px;outline:none}.crew-input:focus{border-color:#4caf50}.crew-help-text{color:#666;font-size:14px;font-style:italic;margin:0;line-height:1.4}@media (max-width: 768px){.admin-container{padding:15px}.admin-header{flex-direction:column;gap:10px;text-align:center}.admin-header h1{font-size:2rem}.rates-grid{grid-template-columns:1fr;gap:20px}.rate-card h3{font-size:1.3rem}.test-commands-grid{grid-template-columns:1fr;gap:16px}.test-command-card{padding:16px}.test-cmd-btn{padding:12px 16px;font-size:16px}.test-command-info{padding:12px}.test-command-info code{font-size:11px;word-break:break-all}.modal-content{width:95%;margin:0 10px}.modal-header h3{font-size:1.2rem}.crew-counter{justify-content:center}.counter-btn{width:45px;height:45px;font-size:22px}.crew-input{width:90px;height:45px;font-size:20px}}@media (max-width: 480px){.admin-header h1{font-size:1.7rem}.rate-card{padding:15px}.rate-card h3{font-size:1.2rem}.modal-content{width:98%;margin:0 5px}}.crew-view .booking-item{cursor:pointer;border:2px solid #e5e7eb;border-radius:6px;padding:8px;margin:4px 0;background-color:#f9fafb;transition:all .2s}.crew-view .booking-item:hover,.crew-view .booking-item.expanded{border-color:#3b82f6;background-color:#eff6ff}.crew-view .expanded-details{margin-top:8px;padding-top:8px;border-top:1px solid #d1d5db;font-size:12px}.crew-view .expanded-details .detail-item{margin:4px 0;color:#374151}.crew-view .customer-name{font-weight:600;color:#1f2937;margin-bottom:4px}.time-slots-display{display:flex;flex-wrap:wrap;gap:2px;margin:8px 0 4px}.time-slot-chip{font-size:10px;padding:2px 4px;border-radius:3px;font-weight:500;min-width:30px;text-align:center}.time-slot-chip.available{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.time-slot-chip.booked{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.booking-time{font-size:10px;color:#6b7280;margin-left:4px}.time-slots-modal{max-width:600px;max-height:80vh;overflow-y:auto}.time-slots-editor{display:flex;flex-direction:column;gap:12px}.time-slot-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e5e7eb;border-radius:6px;background-color:#f9fafb}.time-slot-row input[type=time]{padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;width:120px}.time-slot-row input[type=text]{padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;width:80px}.time-slot-row label{display:flex;align-items:center;gap:4px;font-size:14px;cursor:pointer}.time-slot-row input[type=checkbox]{margin:0}.time-slot-row .btn-danger{background-color:#dc2626;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.time-slot-row .btn-danger:hover:not(:disabled){background-color:#b91c1c}.time-slot-row .btn-danger:disabled{background-color:#9ca3af;cursor:not-allowed}.booking-indicator{font-size:11px;color:#dc2626;font-weight:600;padding:2px 6px;background-color:#fee2e2;border-radius:3px}.btn-secondary{background-color:#6b7280;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:#4b5563}.btn-primary{background-color:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:#1d4ed8}@media (max-width: 768px){.time-slot-row{flex-direction:column;align-items:stretch;gap:8px}.time-slot-row input[type=time],.time-slot-row input[type=text]{width:100%}.time-slots-modal{max-width:95vw}}.final-payment-modal{max-width:600px}.final-payment-modal.payment-modal{max-width:700px}.calculation-step{padding:24px}.stored-card-info{display:flex;align-items:center;gap:8px;background:#ecfdf5;border:1px solid #10b981;border-radius:6px;padding:12px;margin-top:16px;font-size:14px;color:#065f46}.card-icon{color:#10b981;font-size:16px}.payment-method{display:flex;gap:12px;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;padding:16px;margin-top:20px}.payment-method .card-icon{color:#0ea5e9;font-size:20px;flex-shrink:0;margin-top:2px}.payment-method-text p{margin:0 0 4px;font-size:14px}.payment-method-text p:last-child{color:#6b7280}.no-card-warning{display:flex;gap:12px;background:#fef2f2;border:1px solid #ef4444;border-radius:8px;padding:16px;margin-top:20px;align-items:flex-start}.warning-icon{color:#ef4444;font-size:20px;flex-shrink:0;margin-top:2px}.no-card-warning p{margin:0;font-size:14px;color:#dc2626}.booking-header{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:24px}.booking-header h3{margin:0 0 16px;color:#1a202c;font-size:18px;font-weight:600}.booking-info{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.info-item span:first-child{font-weight:500;color:#64748b}.info-item span:last-child{font-weight:600;color:#1a202c}.deposit-amount{color:#10b981!important;font-weight:700!important}.calculation-form{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px;margin-bottom:24px}.calculation-form h3{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:#1a202c;font-size:18px;font-weight:600}.calc-icon{color:#3b82f6;font-size:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;color:#374151;margin-bottom:6px;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:16px;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.crew-rate-display{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;padding:12px 16px;font-size:16px;font-weight:500;color:#374151}.calculation-breakdown{background:#fefefe;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-top:20px}.calculation-breakdown h4{margin:0 0 16px;color:#1f2937;font-size:16px;font-weight:600}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.breakdown-item:last-child{border-bottom:none}.breakdown-item.subtotal{border-top:1px solid #d1d5db;margin-top:8px;padding-top:12px;font-weight:500}.breakdown-item.total{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px;padding:12px;margin-top:12px;font-size:18px}.breakdown-item.total span{color:#0c4a6e}.payment-step{padding:24px}.payment-summary{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:24px;margin-bottom:24px}.payment-summary h3{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:#1a202c;font-size:18px;font-weight:600}.money-icon{color:#10b981;font-size:20px}.summary-breakdown{display:flex;flex-direction:column;gap:12px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.summary-item.total{background:#ecfdf5;border:1px solid #10b981;border-radius:6px;padding:12px;margin-top:8px;font-size:18px}.summary-item.total span{color:#064e3b}.confirmation-step{padding:24px;text-align:center}.success-header{margin-bottom:24px}.success-icon{font-size:48px;color:#10b981;margin-bottom:16px}.success-header h3{margin:0;color:#10b981;font-size:24px;font-weight:600}.error-header{margin-bottom:24px}.error-icon{font-size:48px;color:#ef4444;margin-bottom:16px}.error-header h3{margin:0;color:#ef4444;font-size:24px;font-weight:600}.completion-details,.error-details{text-align:left;margin-bottom:24px}.completion-details p,.error-details p{margin-bottom:16px;line-height:1.6}.payment-summary-final{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:20px}.completion-note{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;padding:16px;margin-top:20px}.completion-note p{margin:0;color:#92400e;font-size:14px}.error-message{background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;padding:12px;color:#dc2626;font-weight:500;margin-bottom:16px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-button,.retry-button{padding:12px 24px;background:#f3f4f6;color:#374151;border:2px solid #d1d5db;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover,.retry-button:hover{background:#e5e7eb;border-color:#9ca3af}.continue-button,.done-button{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.continue-button:hover:not(:disabled),.done-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.continue-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.final-payment-modal,.final-payment-modal.payment-modal{margin:0;border-radius:0;max-width:100%;width:100%}.calculation-step,.payment-step,.confirmation-step{padding:20px}.booking-info{grid-template-columns:1fr;gap:8px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.payment-summary h3,.calculation-form h3{font-size:16px}.breakdown-item,.summary-item{font-size:14px}.breakdown-item.total,.summary-item.total{font-size:16px}}@media (max-width: 480px){.booking-header,.calculation-form,.payment-summary{padding:16px}.success-icon,.error-icon{font-size:36px}.success-header h3,.error-header h3{font-size:20px}}.availability-checking{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--primary-green: #0f2419;--secondary-green: #1a4d3a;--accent-green: #2d5f47;--light-green: #3a7257;--very-light-green: #4a8566;--dark-gray: #1f2937;--medium-gray: #374151;--light-gray: #6b7280;--very-light-gray: #f9fafb;--white: #ffffff;--off-white: #f8fafc;--text-primary: #1f2937;--text-secondary: #4b5563;--text-light: #6b7280;--black-overlay: rgba(0, 0, 0, .6);--green-overlay: rgba(26, 77, 58, .8);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;max-width:100%;height:100%;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(90deg,#f5f0e8,#ede3d6,#e5d7c4,#ddcab2,#d5bda0);min-height:100vh;color:var(--text-primary);line-height:1.6}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.fade-in-up{animation:fadeInUp .8s ease-out}.slide-in-left{animation:slideInLeft .8s ease-out}.slide-in-right{animation:slideInRight .8s ease-out}.scale-in{animation:scaleIn .6s ease-out}.pulse-hover:hover{animation:pulse .6s ease-in-out}.hero-section{position:relative;width:100vw;height:500px;display:flex;justify-content:center;align-items:center;color:var(--white);text-align:center;background-size:cover;background-position:center;background-repeat:no-repeat}.hero-overlay{position:absolute;inset:0;background-color:var(--black-overlay);z-index:1}.hero-content{position:relative;z-index:2;max-width:600px;padding:0 20px}.button{background:linear-gradient(135deg,var(--accent-green) 0%,var(--light-green) 50%,var(--very-light-green) 100%);box-shadow:0 8px 20px #2d5f4766;color:var(--white);padding:14px 28px;border:none;border-radius:12px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:inline-block;text-decoration:none;text-align:center;position:relative;overflow:hidden}.button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.button:hover:before{left:100%}.button:hover{background:linear-gradient(135deg,var(--light-green) 0%,var(--very-light-green) 50%,var(--accent-green) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button:active{transform:translateY(0)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:95vw;margin:40px auto;padding:0 20px}.service-card{background:linear-gradient(90deg,#fff,#f1f5f9);border-radius:20px;padding:24px;box-shadow:0 8px 25px #00000026;text-align:center;color:var(--text-primary);border:4px solid #000000;transition:all .3s ease;animation:fadeInUp .8s ease-out}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.service-card h3{margin-top:0;margin-bottom:10px}.steps-grid{display:flex;justify-content:center;gap:40px;max-width:95vw;margin:40px auto;padding:0 20px}.step-card{background:linear-gradient(90deg,#fff,#f8fafc);border-radius:20px;padding:24px;width:200px;box-shadow:0 8px 25px #00000026;text-align:center;color:var(--text-primary);border:4px solid #000000;transition:all .3s ease;animation:scaleIn .6s ease-out}.step-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px #00000026}.step-number{font-size:48px;font-weight:700;color:var(--accent-green);margin-bottom:10px}footer{background:linear-gradient(135deg,#0f2419,#1a4d3a);color:var(--white);padding:20px;text-align:center}