@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmer}.skeleton-text{border-radius:4px;height:1rem;margin-bottom:.5rem}.skeleton-title{width:70%;height:1.5rem;margin-bottom:1rem}.skeleton-image{width:100%;height:100%}.skeleton-button{border-radius:8px;width:100px;height:2.5rem}.navbar{z-index:999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbf;width:100%;position:fixed;top:0;left:0;box-shadow:0 2px 20px #0000000d}.navbar-container{justify-content:space-around;align-items:center;max-width:1300px;margin:auto;padding:18px 40px;display:flex}.logo{color:#073828;cursor:pointer;align-items:center;font-family:Poppins,sans-serif;font-size:34px;font-weight:700;display:flex}a{color:inherit;text-decoration:none}.logo img{width:100px;margin-left:10px}.nav-links{gap:40px;list-style:none;display:flex}.nav-links li{cursor:pointer;color:#444;font-weight:500;transition:all .3s}.nav-links li:hover,.active{color:#073828}.nav-right{align-items:center;gap:20px;display:flex}.icon{cursor:pointer;color:#073828;font-size:22px}.nav-right button{color:#fff;cursor:pointer;background:#073828;border:none;border-radius:30px;padding:12px 26px;font-weight:600;transition:all .3s}.nav-right button:hover{background:#0d4a35}.mobile-menu-icon{color:#073828;cursor:pointer;margin-left:15px;font-size:24px;display:none}@media (width<=900px){.nav-links{display:none}.nav-links.mobile-active{background:#fff;flex-direction:column;align-items:center;gap:25px;width:100%;padding:20px 0;display:flex;position:absolute;top:100%;left:0;box-shadow:0 10px 20px #0000001a}.mobile-menu-icon{display:block}.navbar-container{padding:16px 20px}.logo{font-size:28px}}@media (width<=600px){.navbar-container{padding:16px 15px}.logo{font-size:22px}.nav-right button{padding:10px 18px}}.hero{background:url(https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1800&q=80) 50%/cover;justify-content:center;align-items:center;height:100vh;margin-top:78px;display:flex;position:relative}.overlay{background:linear-gradient(#0000008c,#00000040,#fcf9f8f2);position:absolute;inset:0}.hero-content{z-index:10;text-align:center;width:1200px;max-width:95%;position:relative}.hero h1{color:#fff;margin-bottom:25px;font-family:Poppins,sans-serif;font-size:70px;line-height:1.15}.hero p{color:#fff;width:800px;max-width:95%;margin:auto auto 50px;font-size:20px}.search-box{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);gap:20px;justify-items: ;background:#ffffffbf;border-radius:20px;grid-template-columns:repeat(4,1fr);padding:30px;display:grid;box-shadow:0 20px 50px #00000026}.input-group{text-align:left;flex-direction:column;display:flex}.input-group label{color:#073828;margin-bottom:10px;font-weight:600}.input{color:#000;background:#f3f3f3;border-radius:12px;align-items:center;gap:10px;padding:14px;display:flex}.input input,.input select{background:0 0;border:none;outline:none;width:100%;font-size:15px}.search-box button{color:#fff;cursor:pointer;background:#e65100;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:600;transition:all .3s;display:flex}.search-box button:hover{transform:translateY(-2px)}@media (width<=900px){.hero h1{font-size:42px}.hero p{font-size:17px}.search-box{grid-template-columns:1fr}}.stats{z-index:10;width:100%;margin-top:90px;position:relative}.stats-container{grid-template-columns:repeat(4,1fr);gap:25px;max-width:1200px;margin:auto;padding:0 20px;display:grid}.stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#fffc;border-radius:20px;padding:35px;box-shadow:0 15px 40px #00000014}.stat-card h2{color:#073828;margin-bottom:10px;font-size:36px}.stat-card p{color:#666;text-transform:uppercase;letter-spacing:1px;font-size:14px}@media (width<=900px){.stats-container{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.stats-container{grid-template-columns:1fr}}.categories{text-align:center;padding:120px 20px}.categories h2{color:#073828;margin-bottom:70px;font-family:Poppins,sans-serif;font-size:42px}.category-container{flex-wrap:wrap;justify-content:center;gap:50px;max-width:1200px;margin:auto;display:flex}.category-card{cursor:pointer;transition:all .35s}.category-icon{color:#073828;background:#eef6f2;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:auto;font-size:34px;transition:all .35s;display:flex}.category-card h3{margin-top:18px;font-size:18px;font-weight:600}.category-card:hover .category-icon{color:#fff;background:#073828;transform:translateY(-8px)}.category-card:hover{transform:translateY(-8px)}@media (width<=768px){.category-container{gap:30px}.category-icon{width:75px;height:75px;font-size:28px}}.about-us{background:#fff;justify-content:space-between;align-items:center;gap:50px;padding:80px 5%;display:flex}.about-content{flex:1}.about-content h2{color:#1a1a1a;margin-bottom:20px;font-size:2.5rem;display:inline-block;position:relative}.about-content h2:after{content:"";background:#ffb400;width:50%;height:3px;position:absolute;bottom:-5px;left:0}.about-content p{color:#555;margin-bottom:20px;font-size:1.1rem;line-height:1.8}.about-images{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.about-images .img-main{z-index:2;border-radius:20px;width:80%;box-shadow:0 15px 30px #0000001a}.about-images .img-sub{z-index:3;border:10px solid #fff;border-radius:20px;width:50%;position:absolute;bottom:-30px;right:0;box-shadow:0 15px 30px #00000026}@media (width<=900px){.about-us{text-align:center;flex-direction:column}.about-content h2:after{left:25%}.about-images{margin-top:50px}}.trending{background:#f7f7f7;padding:100px 5%}.trending-header{justify-content:space-between;align-items:end;margin-bottom:60px;display:flex}.trending-header h2{color:#073828;margin-bottom:10px;font-family:Poppins,sans-serif;font-size:42px}.trending-header p{color:#666}.view-btn{color:#073828;cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:600}.trip-card{background:#fff;border-radius:20px;transition:all .35s;overflow:hidden;box-shadow:0 10px 35px #00000014}.trip-card:hover{transform:translateY(-10px)}.badge{color:#073828;background:#ffffffe6;border-radius:30px;padding:8px 18px;font-weight:600;position:absolute;top:18px;right:18px}.trip-title{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.rating{color:#f39c12;align-items:center;gap:6px;font-weight:600;display:flex}.trip-info{color:#666;gap:30px;margin-bottom:30px;display:flex}.trip-info span{align-items:center;gap:8px;display:flex}.trip-footer small{color:#777;text-transform:uppercase}.trip-footer h4{color:#073828;margin-top:5px;font-size:28px}.trip-footer button{color:#fff;cursor:pointer;background:#073828;border:none;border-radius:12px;padding:13px 24px;font-weight:600;transition:all .3s}.trip-footer button:hover{background:#0d5239}@media (width<=768px){.trending-header{flex-direction:column;align-items:flex-start;gap:20px}.trip-grid{grid-template-columns:1fr}}.destinations{background:#fff;padding:110px 5%}.destinations h2{text-align:center;color:#073828;margin-bottom:60px;font-family:Poppins,sans-serif;font-size:42px}.destination-grid{grid-template-rows:280px 280px;grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.destination-card{cursor:pointer;border-radius:22px;position:relative;overflow:hidden}.destination-card img{object-fit:cover;width:100%;height:100%;transition:all .6s}.destination-card:hover img{transform:scale(1.12)}.destination-overlay{background:linear-gradient(#0000,#000000d9);padding:35px;position:absolute;bottom:0;left:0;right:0}.destination-overlay h3{color:#fff;margin-bottom:8px;font-size:30px}.destination-overlay p{color:#fff;opacity:.85}.large{grid-area:span 1/span 2}.wide{grid-column:span 2}@media (width<=900px){.destination-grid{grid-template-rows:auto;grid-template-columns:1fr}.large,.wide{grid-column:span 1}.destination-card{height:320px}}.community{color:#fff;background:#073828;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:110px 5%;display:grid}.community-left h2{margin-bottom:30px;font-family:Poppins,sans-serif;font-size:52px;line-height:1.2}.community-left p{color:#d8e9df;margin-bottom:45px;font-size:18px;line-height:1.8}.members{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:40px;display:flex}.avatars{display:flex}.avatars img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:55px;height:55px;margin-left:-15px}.avatars img:first-child{margin-left:0}.join-community{flex-direction:column;width:200px;display:flex}.join-community img{border-radius:12px 12px 0 0;width:200px}.community button{color:#f4f4f4;cursor:pointer;background:#ffffff1f;border:none;border-radius:0 0 12px 12px;margin-top:1px;padding:16px 36px;font-size:16px;font-weight:700;transition:all .3s}.community button:hover{background:#215f4a}.community-right{grid-template-columns:1fr 1fr;gap:20px;display:grid}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border-radius:20px;padding:25px}.card h4{margin-bottom:15px;font-size:20px}.card p{color:#f0f0f0;line-height:1.7}.image-card{border-radius:20px;height:260px;overflow:hidden}.image-card img{object-fit:cover;width:100%;height:100%;transition:all .5s}.image-card:hover img{transform:scale(1.08)}@media (width<=950px){.community,.community-right{grid-template-columns:1fr}.community-left h2{font-size:40px}}.footer{color:#fff;background:#062c20;padding:80px 8% 25px}.footer-container{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:60px;max-width:1400px;margin:auto;display:grid}.footer-about h2{color:#fff;margin-bottom:20px;font-family:Poppins,sans-serif;font-size:34px}.footer-about p{color:#d5e4dc;margin-bottom:30px;line-height:1.8}.social-icons{gap:15px;display:flex}.social-icons a{color:#fff;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;text-decoration:none;transition:all .3s;display:flex}.social-icons a:hover{background:#e65100;transform:translateY(-5px)}.footer-links h3,.footer-contact h3{margin-bottom:25px;font-size:22px}.footer-links{flex-direction:column;display:flex}.footer-links a{color:#d5e4dc;margin-bottom:15px;text-decoration:none;transition:all .3s}.footer-links a:hover{color:#fff;padding-left:8px}.footer-contact div{color:#d5e4dc;align-items:center;gap:12px;margin-bottom:20px;display:flex}.footer-contact svg{color:#e65100;font-size:18px}.footer-bottom{text-align:center;color:#bfcfc7;border-top:1px solid #ffffff1f;margin-top:60px;padding-top:25px;font-size:15px}@media (width<=1000px){.footer-container{grid-template-columns:1fr 1fr}}@media (width<=700px){.footer{padding-bottom:100px}.footer-container{text-align:center;grid-template-columns:1fr;gap:40px}.social-icons,.footer-contact div{justify-content:center}}*{box-sizing:border-box;margin:0;padding:0}body{background:#fcf9f8;font-family:Inter,sans-serif;overflow-x:hidden}.explore-page{background:#fcf9f8;width:100%;min-height:100vh;padding:120px 60px 80px}.explore-container{gap:35px;margin-top:60px;display:flex}.explore-content{flex:1}.explore-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.explore-header h2{color:#163328;margin-bottom:8px;font-size:34px}.explore-header p{color:#777;font-size:15px}.explore-header select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;outline:none;padding:12px 18px;transition:all .3s}.explore-header select:hover{border-color:#0c5132}.trip-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:35px;display:grid}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}}.map-btn{color:#fff;cursor:pointer;z-index:100;background:#163328;border:none;border-radius:50px;padding:18px 34px;font-size:16px;transition:all .3s;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0003}.map-btn:hover{transform:translate(-50%)scale(1.05)}@media (width<=1100px){.explore-container{flex-direction:column}}@media (width<=900px){.explore-page{padding:90px 15px 80px}.trip-grid{grid-template-columns:1fr}.explore-header{flex-direction:column;align-items:flex-start;gap:20px}}@media (width<=600px){.map-btn{width:90%}}.trip-card{background:#fff;border-radius:22px;flex-direction:column;transition:all .4s;display:flex;overflow:hidden;box-shadow:0 12px 35px #00000014}.trip-image{height:280px;position:relative;overflow:hidden}.trip-image img{object-fit:cover;width:100%;height:100%;transition:all .7s}.trip-card:hover img{transform:scale(1.08)}.trip-overlay{gap:10px;display:flex;position:absolute;top:18px;left:18px}.difficulty,.hot-badge{border-radius:25px;padding:8px 14px;font-size:13px;font-weight:600}.difficulty{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#0c5132;background:#ffffffd9}.hot-badge{color:#fff;background:#ff7a18}.wishlist-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff40;border:none;border-radius:50%;width:46px;height:46px;font-size:18px;transition:all .3s;position:absolute;top:18px;right:18px}.wishlist-btn:hover{color:#dc143c;background:#fff}.trip-content{padding:25px}.trip-header{justify-content:space-between;gap:20px;display:flex}.trip-header h2{color:#163328;margin-bottom:10px;font-size:24px;line-height:1.35}.location{color:#777;align-items:center;gap:8px;font-size:15px;display:flex}.rating{text-align:right}.rating svg{color:#ffb400;margin-right:4px}.rating span{color:#163328;font-size:18px;font-weight:700}.rating small{color:#777;margin-top:4px;display:block}.trip-info{border-top:1px solid #ececec;border-bottom:1px solid #ececec;justify-content:space-between;gap:20px;margin:25px 0;padding:18px 0;display:flex}.info-item{color:#555;align-items:center;gap:8px;font-size:15px;display:flex}.info-item svg{color:#0c5132}.seats{color:#dc143c;font-weight:600}.seats svg{color:#dc143c}.trip-footer{justify-content:space-between;align-items:center;display:flex}.trip-footer small{color:#777;text-transform:uppercase;letter-spacing:1px}.trip-footer h3{color:#0c5132;margin-top:6px;font-size:30px}.buttons{gap:12px;display:flex}.outline-btn,.book-btn{cursor:pointer;border-radius:12px;padding:13px 22px;font-size:15px;transition:all .3s}.outline-btn{background:#fff;border:1px solid #ddd}.outline-btn:hover{background:#f5f5f5}.book-btn{color:#fff;background:#0c5132;border:none}.book-btn:hover{background:#163328}@media (width<=768px){.trip-header,.trip-info{flex-direction:column}.trip-footer{flex-direction:column;align-items:flex-start;gap:20px}.buttons{width:100%}.outline-btn,.book-btn{flex:1}.trip-image{height:230px}.trip-header h2{font-size:20px}.trip-footer h3{font-size:24px}}.dashboard{background:#f6f8fb;min-height:100vh;display:flex}.dashboard-content{padding:40px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.dashboard-header h1{color:#183153;font-size:34px;font-weight:700}.dashboard-header p{color:#7d8895;margin-top:8px;font-size:15px}.create-trip-btn{cursor:pointer;color:#fff;background:#0c6b52;border:none;border-radius:10px;outline:none;padding:14px 28px;font-size:15px;font-weight:600;transition:all .25s}.create-trip-btn:hover{background:#095640}.dashboard-middle{grid-template-columns:1fr;gap:25px;margin-top:30px;display:grid}@media (width<=1100px){.dashboard-middle{grid-template-columns:1fr}}@media (width<=900px){.dashboard-main{margin-left:0}.dashboard-content{padding:20px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:20px}}.sidebar{z-index:1000;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:260px;height:100vh;padding:28px 20px;display:flex;position:fixed;top:0;left:0}.sidebar-logo{align-items:center;gap:14px;margin-bottom:50px;display:flex}.logo-icon{color:#000;width:70px;font-size:34px}.sidebar-logo h2{color:#0c6b52;margin-bottom:4px;font-size:22px}.sidebar-logo span{color:#8b97a5;font-size:13px}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.sidebar-nav a,.sidebar-bottom a{color:#55616d;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.sidebar-nav a:hover,.sidebar-bottom a:hover{color:#0c6b52;background:#eef7f3}.sidebar-nav a.active{color:#0c6b52;background:#eef7f3;border-left:4px solid #0c6b52}.logout-btn{color:#d84315;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:14px;width:100%;padding:14px 16px;font-size:16px;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.logout-btn:hover{color:#bf360c;background:#fbe9e7}.sidebar-bottom{flex-direction:column;gap:8px;margin-top:auto;display:flex}.create-trip{cursor:pointer;color:#fff;background:#0c6b52;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;padding:15px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.create-trip:hover{background:#09553f}@media (width<=900px){.sidebar{width:220px}}@media (width<=768px){.sidebar{width:75px;padding:20px 10px}.sidebar-logo h2,.sidebar-logo span,.sidebar-nav span,.sidebar-bottom span,.logout-btn span{display:none}.sidebar-logo{justify-content:center}.sidebar-nav a,.sidebar-bottom a,.logout-btn{justify-content:center;padding:15px}.create-trip{padding:15px}.create-trip span{display:none}}.recentBookings{background:#fff;border-radius:18px;padding:28px;box-shadow:0 10px 30px #0000000d}.bookingHeader{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.bookingHeader h2{color:#1f2937;font-size:24px}.bookingHeader button{color:#0c6b52;cursor:pointer;background:0 0;border:none;font-weight:600}.bookingTableWrapper{width:100%;overflow-x:auto}.bookingTable{border-collapse:collapse;text-align:left;width:100%;min-width:800px}.bookingTable th{color:#64748b;text-transform:uppercase;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;padding:15px;font-size:13px;font-weight:600}.bookingTable td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 15px;font-size:14px}.bookingTable tbody tr:hover{background-color:#f8fafc}.customerName{color:#1e293b;font-weight:600}.price{font-weight:600}.amountInputWrapper{background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;width:110px;padding:6px 10px;transition:border-color .2s;display:flex}.amountInputWrapper:focus-within{border-color:#0c6b52}.currencySymbol{color:#64748b;margin-right:4px;font-size:14px}.amountInput{color:#334155;background:0 0;border:none;outline:none;width:100%;font-size:14px;font-weight:600}.amountInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.amountInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amountInput[type=number]{appearance:textfield}.statusBtn{cursor:pointer;z-index:100;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.confirmed{color:#15803d;background:#dcfce7}.pending{color:#b45309;background:#fef3c7}.statusBtn.paid{color:#2563eb;background:#dbeafe}.statusBtn.cancelled{color:#b91c1c;background:#fee2e2}.actionDotBtn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .2s,color .2s;display:flex}.actionDotBtn:hover{color:#1e293b;background:#f1f5f9}.kpi-cards{gap:20px;margin-top:10px;display:flex}.kpi-card{background:#fff;border-radius:18px;align-items:center;gap:20px;min-width:250px;padding:20px 25px;display:flex;box-shadow:0 10px 30px #0000000d}.kpi-icon-container{background:#eef7f3;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;display:flex}.kpi-icon{color:#0c6b52;font-size:24px}.kpi-info h3{color:#64748b;margin-bottom:5px;font-size:14px;font-weight:600}.kpi-info p{color:#1f2937;font-size:24px;font-weight:700}.dashboard-layout{background:#f5f7fb;min-height:100vh;display:flex}.dashboard-main{flex-direction:column;flex:1;margin-left:260px;display:flex}.trips-page{background:#f8fafc;flex-direction:column;flex:1;gap:28px;width:100%;min-height:100vh;padding:32px;display:flex;overflow-y:auto}.trips-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;display:grid}@media (width<=900px){.trips-page{padding:20px}.trips-grid{grid-template-columns:1fr}}.trips-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.header-left h1{color:#14213d;margin-bottom:8px;font-size:2rem;font-weight:700}.header-left p{color:#6b7280;font-size:15px}.header-left strong{color:#0b6b53}.create-trip-btn{color:#fff;cursor:pointer;background:#0b6b53;border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 22px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.create-trip-btn:hover{background:#095741;transform:translateY(-2px)}.create-trip-btn:active{transform:scale(.97)}@media (width<=768px){.trips-header{align-items:flex-start}.create-trip-btn{justify-content:center;width:100%}}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.create-trip-modal{background:#f8f9ff;border-radius:18px;flex-direction:column;width:min(1500px,96vw);height:94vh;animation:.25s modalOpen;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 70px #00000040}@keyframes modalOpen{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.close-btn{cursor:pointer;z-index:100;background:#fff;border:none;border-radius:50%;width:42px;height:42px;font-size:20px;transition:all .25s;position:absolute;top:18px;right:20px;box-shadow:0 5px 15px #0000001f}.close-btn:hover{color:#fff;background:#0b6b53;transform:rotate(90deg)}.modal-header{background:#fff;border-bottom:1px solid #e3e7ef;padding:32px 40px}.modal-header h2{color:#10233d;font-size:32px;font-weight:700}.modal-header p{color:#667085;margin-top:8px;font-size:15px;line-height:1.6}.modal-body{flex:1;grid-template-columns:2fr 1fr;gap:28px;padding:30px;display:grid;overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-thumb{background:#d5d8df;border-radius:20px}.left-panel,.right-panel{flex-direction:column;gap:24px;display:flex}.modal-card{background:#fff;border:1px solid #e6eaf0;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000008}.modal-card h3{color:#10233d;margin-bottom:18px;font-size:22px;font-weight:700}.modal-card label{letter-spacing:1px;text-transform:uppercase;color:#68727d;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.modal-card input,.modal-card textarea,.modal-card select{background:#fafcff;border:1px solid #d6dbe4;border-radius:10px;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:all .25s}.modal-card textarea{resize:vertical;min-height:120px}.modal-card input:focus,.modal-card textarea:focus,.modal-card select:focus{border-color:#0b6b53;box-shadow:0 0 0 4px #0b6b5314}.grid-two{grid-template-columns:1fr 1fr;gap:16px;display:grid}.primary-btn{color:#fff;cursor:pointer;background:#0b6b53;border:none;border-radius:10px;padding:13px 26px;font-weight:600;transition:all .25s}.primary-btn:hover{background:#095843;transform:translateY(-2px)}.secondary-btn{cursor:pointer;background:#fff;border:1px solid #d5dce4;border-radius:10px;padding:13px 24px;transition:all .25s}.secondary-btn:hover{background:#f2f5f8}.modal-footer{background:#fff;border-top:1px solid #e3e7ef;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.footer-actions{gap:15px;display:flex}@media (width<=1200px){.modal-body{grid-template-columns:1fr}.right-panel{order:-1}}@media (width<=768px){.modal-overlay{padding:0}.create-trip-modal{border-radius:0;width:100vw;height:100vh}.modal-header{padding:24px}.modal-body{padding:20px}.modal-footer{flex-direction:column;align-items:stretch;gap:16px;padding:20px}.footer-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}}.form-group{flex-direction:column;margin-bottom:20px;display:flex}.form-group:last-child{margin-bottom:0}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=768px){.form-row{grid-template-columns:1fr}}.image-label{color:#5c6570;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:13px;font-weight:600;display:block}.cover-upload{cursor:pointer;background:#fafcff;border:2px dashed #d8dde5;border-radius:18px;justify-content:center;align-items:center;height:320px;transition:all .3s;display:flex;overflow:hidden}.cover-upload:hover{background:#f5fffb;border-color:#0b6b53}.upload-placeholder{text-align:center}.upload-icon{margin-bottom:10px;font-size:55px}.upload-placeholder h4{color:#17314d;margin-bottom:8px;font-size:22px}.upload-placeholder p{color:#6f7782}.cover-preview{object-fit:cover;width:100%;height:100%}.gallery-header{justify-content:space-between;align-items:center;margin:28px 0 20px;display:flex}.gallery-header h4{font-size:18px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:18px;display:grid}.gallery-item{border-radius:12px;height:130px;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000014}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:all .3s}.gallery-item:hover img{transform:scale(1.08)}.delete-image{cursor:pointer;background:#fff;border:none;border-radius:50%;width:32px;height:32px;font-weight:700;transition:all .25s;position:absolute;top:8px;right:8px;box-shadow:0 5px 12px #0003}.delete-image:hover{color:#fff;background:#d32f2f}.logistics-panel h3{margin-bottom:24px}.toggle-row{border-top:1px solid #eceff3;justify-content:space-between;align-items:center;margin-top:20px;padding-top:18px;display:flex}.toggle-row h4{color:#162f48;margin-bottom:4px;font-size:15px}.toggle-row p{color:#7b8591;font-size:13px}.switch{width:54px;height:30px;display:inline-block;position:relative}.switch input{display:none}.slider{cursor:pointer;background:#d4dae2;border-radius:50px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;top:4px;left:4px;box-shadow:0 2px 6px #0003}.switch input:checked+.slider{background:#0b6b53}.switch input:checked+.slider:before{transform:translate(24px)}.itinerary-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.timeline{flex-direction:column;gap:30px;display:flex}.timeline-item{gap:22px;display:flex}.timeline-left{flex-direction:column;align-items:center;display:flex}.timeline-circle{color:#fff;background:#0b6b53;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:700;display:flex}.timeline-line{background:#d7dde5;flex:1;width:2px;margin-top:8px}.timeline-content{background:#fafcff;border:1px solid #e5e9ef;border-radius:14px;flex:1;padding:20px}.timeline-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.timeline-top h4{color:#18334e;font-size:18px}.timeline-content input{margin-bottom:15px}.timeline-content textarea{resize:vertical;min-height:120px}.delete-day{cursor:pointer;color:#c62828;background:#ffebee;border:none;border-radius:8px;padding:8px 14px;font-weight:600;transition:all .25s}.delete-day:hover{color:#fff;background:#c62828}@media (width<=768px){.timeline-item{gap:12px}.timeline-circle{width:34px;height:34px;font-size:13px}}.filter-bar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.trip-filters{flex-wrap:wrap;gap:12px;display:flex}.filter-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .25s}.filter-btn:hover{background:#e5e7eb}.filter-btn.active{color:#fff;background:#0b6b53}.sort-section{align-items:center;gap:12px;display:flex}.sort-section label{color:#6b7280;font-size:14px;font-weight:600}.sort-section select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:10px 14px;font-size:14px}.sort-section select:focus{border-color:#0b6b53}@media (width<=768px){.filter-bar{flex-direction:column;align-items:flex-start}.trip-filters{width:100%}.sort-section{justify-content:space-between;width:100%}.sort-section select{width:180px}}.trip-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.trip-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #00000014}.trip-image{height:240px;position:relative}.trip-image img{object-fit:cover;width:100%;height:100%}.trip-overlay{opacity:0;background:#00000073;justify-content:center;align-items:center;gap:14px;transition:all .3s;display:flex;position:absolute;inset:0}.trip-card:hover .trip-overlay{opacity:1}.trip-overlay button{cursor:pointer;background:#fff;border:none;border-radius:10px;padding:12px 20px;font-weight:600}.trip-overlay .secondary{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #fff6}.trip-badges{flex-wrap:wrap;gap:10px;display:flex;position:absolute;top:18px;left:18px}.badge{border-radius:40px;padding:7px 14px;font-size:12px;font-weight:700}.badge.active{color:#0b6b53;background:#d8f5e8}.badge.completed{color:#166534;background:#dcfce7}.badge.draft{color:#666;background:#f5f5f5}.badge.selling{color:#b45309;background:#fff4d8}.trip-content{flex-direction:column;flex:1;padding:22px;display:flex}.trip-title{justify-content:space-between;align-items:center;display:flex}.trip-title h3{color:#1f2937;font-size:22px}.trip-title button{cursor:pointer;color:#6b7280;background:0 0;border:none}.trip-info{margin:22px 0}.info-row{color:#6b7280;align-items:center;gap:12px;margin-bottom:14px;display:flex}.progress{background:#edf2f7;border-radius:20px;width:100%;height:8px;overflow:hidden}.progress-fill{background:#0b6b53;height:100%}.trip-footer{border-top:1px solid #ececec;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;display:flex}.trip-footer small{color:#9ca3af;margin-bottom:4px;display:block}.trip-footer h2{color:#0b6b53;font-size:24px}.booking-btn{color:#0b6b53;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-weight:600;transition:all .25s;display:flex}.booking-btn:hover{gap:12px}.trip-card.closed-trip{opacity:.8}.trip-card.closed-trip .booking-btn{pointer-events:auto}@media (width<=768px){.trip-image{height:210px}.trip-content{padding:18px}.trip-title h3{font-size:20px}.trip-footer{flex-direction:column;align-items:flex-start;gap:16px}}.bookings-modal{background:#fff;border-radius:16px;width:700px;max-width:95%;overflow:hidden;box-shadow:0 10px 30px #0000001a}.bookings-body{max-height:400px;overflow-y:auto}.no-bookings{text-align:center;color:#666;padding:30px;font-style:italic}.bookings-table{border-collapse:collapse;width:100%}.bookings-table th{color:#333;background:#f8f9fa;font-weight:600}.status-cell{align-items:center;gap:8px;font-size:14px;display:flex}.actions-cell{gap:10px;display:flex}.action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;font-size:16px;transition:all .2s;display:flex}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.confirm{color:#22c55e}.action-btn.confirm:hover:not(:disabled){background:#dcfce7}.action-btn.delete{color:#ef4444}.action-btn.delete:hover:not(:disabled){background:#fee2e2}.customer-cell{align-items:center;gap:12px;display:flex}.customer-avatar{color:#475569;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.customer-name{color:#1e293b;font-weight:500}.contact-cell{flex-direction:column;display:flex}.contact-cell small{color:#64748b;font-size:12px}.amount-badge{border-radius:12px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.amount-badge.paid{color:#166534;background:#f0fdf4}.amount-badge.unpaid{color:#64748b;background:#f1f5f9}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.booking-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 4px 20px #00000026}.booking-modal .close-btn{cursor:pointer;color:#666;background:0 0;border:none;font-size:1.5rem;position:absolute;top:1rem;right:1rem}.booking-modal h2{color:#1f2937;margin-bottom:.5rem}.price-summary{color:#073828;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1.5rem}.form-section h3{color:#374151;margin-bottom:1rem;font-size:1.1rem}.form-group{flex-direction:column;flex:1;gap:.5rem;margin-bottom:1rem;display:flex}.form-row{gap:1rem;display:flex}.form-group label{color:#4b5563;font-size:.9rem;font-weight:500}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:6px;padding:.75rem;font-size:.95rem}.form-group input:focus,.form-group select:focus{border-color:#073828;outline:none;box-shadow:0 0 0 2px #07382833}.cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.75rem 1.5rem;font-weight:500}.submit-btn{color:#fff;cursor:pointer;background:#073828;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:500}.submit-btn:disabled{cursor:not-allowed;background:#84a597}.success-animation-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.success-animation-container h2{color:#10b981;margin-top:1.5rem}.success-animation-container p{color:#4b5563;margin-top:.5rem}.checkmark{stroke-width:2px;stroke:#fff;stroke-miterlimit:10;border-radius:50%;width:80px;height:80px;animation:.4s ease-in-out .4s forwards fill,.3s ease-in-out .9s both scale;display:block;box-shadow:inset 0 0 #10b981}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:2px;stroke-miterlimit:10;stroke:#10b981;fill:none;animation:.6s cubic-bezier(.65,0,.45,1) forwards stroke}.checkmark-check{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;animation:.3s cubic-bezier(.65,0,.45,1) .8s forwards stroke}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale(1.1)}}@keyframes fill{to{box-shadow:inset 0 0 0 50px #10b981}}@media (width<=768px){.booking-modal{width:95%;max-height:95vh;padding:1.5rem 1rem}.form-row{flex-direction:column;gap:0}.form-group{margin-bottom:.8rem}.modal-actions{flex-direction:column;gap:.5rem}.cancel-btn,.submit-btn{width:100%}.booking-modal h2{font-size:1.3rem}.price-summary{margin-bottom:1rem;font-size:1rem}}.explore-trip-page{background-color:#f9fafb;min-height:100vh;margin-top:60px;padding-bottom:4rem}.trip-hero{background-position:50%;background-size:cover;align-items:flex-end;height:60vh;min-height:400px;display:flex;position:relative}.hero-overlay{color:#fff;background:linear-gradient(#0000,#000c);width:100%;padding:4rem 2rem 2rem}.hero-overlay h1{margin-bottom:.5rem;font-size:3rem}.hero-overlay p{align-items:center;gap:.5rem;font-size:1.2rem;display:flex}.trip-content-container{grid-template-columns:2fr 1fr;align-items:start;gap:3rem;max-width:1200px;margin:0 auto;padding:2rem;display:grid}.trip-section{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 12px #0000000d}.trip-section h2{color:#1f2937;margin-bottom:1.5rem;font-size:1.5rem}.trip-section p{color:#4b5563;line-height:1.6}.itinerary-list{flex-direction:column;gap:1.5rem;display:flex}.itinerary-item{background:#f8fafc;border-left:4px solid #073828;border-radius:8px;gap:1.5rem;padding:1.5rem;display:flex}.day-badge{color:#fff;white-space:nowrap;background:#073828;border-radius:20px;height:max-content;padding:.5rem 1rem;font-weight:700}.inclusions-exclusions{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.inc-exc-list{padding:0;list-style:none}.inc-exc-list li{color:#4b5563;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.inc-icon{color:#10b981}.exc-icon{color:#ef4444}.booking-card{background:#fff;border-radius:12px;padding:2rem;position:sticky;top:2rem;box-shadow:0 4px 20px #0000001a}.booking-card .price{color:#073828;align-items:center;margin-bottom:2rem;font-size:2.5rem;font-weight:700;display:flex}.booking-card .price span{color:#6b7280;margin-left:.5rem;font-size:1rem;font-weight:400}.quick-facts{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.fact{align-items:center;gap:1rem;display:flex}.fact svg{color:#073828;font-size:1.5rem}.fact div{flex-direction:column;display:flex}.fact strong{color:#374151;font-size:.95rem}.fact span{color:#6b7280;font-size:.9rem}.cta-btn{color:#fff;cursor:pointer;background:#073828;border:none;border-radius:8px;width:100%;padding:1rem;font-size:1.1rem;font-weight:600;transition:all .2s}.cta-btn:hover:not(.disabled){background:#0d4a35;transform:translateY(-2px);box-shadow:0 4px 12px #0738284d}.cta-btn.disabled{cursor:not-allowed;color:#6b7280;background:#d1d5db}.trip-gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.gallery-image{object-fit:cover;cursor:pointer;border-radius:8px;width:100%;height:150px;transition:transform .2s}.gallery-image:hover{transform:scale(1.03)}.bus-seats-container{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem}.seats-title{color:#1f2937;text-align:center;margin-bottom:1rem;font-size:1.1rem}.bus-seats-grid{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.bus-seat{font-size:1.8rem;transition:transform .2s}.bus-seat:hover{transform:scale(1.1)}.bus-seat.available{color:#10b981;cursor:pointer}.bus-seat.booked{color:#ef4444;cursor:not-allowed;opacity:.8}.bus-seats-legend{color:#4b5563;justify-content:center;gap:1.5rem;font-size:.9rem;display:flex}.legend-item{align-items:center;gap:.4rem;display:flex}.legend-item .bus-seat{font-size:1.2rem}@media (width<=900px){.trip-content-container{grid-template-columns:1fr;gap:1.5rem;padding:1rem}.booking-card{margin-top:1rem;position:static}}@media (width<=768px){.explore-trip-page{margin-top:60px;padding-bottom:2rem}.trip-hero{height:40vh;min-height:300px}.hero-overlay{padding:2rem 1rem 1.5rem}.hero-overlay h1{font-size:2rem}.hero-overlay p{font-size:1rem}.inclusions-exclusions{grid-template-columns:1fr;gap:1rem}.trip-section{padding:1.5rem}.itinerary-item{flex-direction:column;gap:.5rem}.day-badge{align-self:flex-start}}.admin-login-container{background:#f8f9fa;justify-content:center;align-items:center;min-height:100vh;font-family:Poppins,sans-serif;display:flex;position:relative;overflow:hidden}.admin-login-container:before{content:"";opacity:.05;z-index:0;background-image:radial-gradient(#073828 1px,#0000 1px);background-size:30px 30px;width:100%;height:100%;position:absolute;top:0;left:0}.admin-login-card{z-index:1;background:#fff;border-radius:20px;width:100%;max-width:420px;padding:40px;transition:transform .3s,box-shadow .3s;transform:translateY(0);box-shadow:0 20px 50px #00000014}.admin-login-card:hover{transform:translateY(-5px);box-shadow:0 25px 60px #0000001f}.admin-login-header{text-align:center;margin-bottom:30px}.admin-login-header h2{color:#073828;margin-bottom:8px;font-size:28px;font-weight:700}.admin-login-header p{color:#666;margin:0;font-size:14px}.admin-login-error{color:#d84315;background:#e651001a;border-left:4px solid #e65100;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-login-form{flex-direction:column;gap:20px;display:flex}.input-group{text-align:left;flex-direction:column;gap:8px;display:flex}.input-group label{color:#073828;margin-bottom:2px;font-size:14px;font-weight:600}.input-group input{color:#000;background:#f3f3f3;border:2px solid #0000;border-radius:12px;outline:none;padding:14px 16px;font-family:Poppins,sans-serif;font-size:15px;transition:all .3s}.input-group input:focus{background:#fff;border-color:#0738284d;box-shadow:0 0 0 4px #0738280d}.input-group input::placeholder{color:#999}.admin-login-button{color:#fff;cursor:pointer;background:#e65100;border:none;border-radius:12px;margin-top:10px;padding:15px;font-family:Poppins,sans-serif;font-size:17px;font-weight:600;transition:all .3s}.admin-login-button:hover:not(:disabled){background:#d84315;transform:translateY(-2px);box-shadow:0 10px 20px #e6510033}.admin-login-button:active:not(:disabled){transform:translateY(0)}.admin-login-button:disabled{opacity:.7;cursor:not-allowed}.admin-login-button.loading{background:#f57c00;animation:2s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.bookings-container{background:#fff;border-radius:12px;margin-top:2rem;padding:1.5rem;overflow-x:auto;box-shadow:0 4px 12px #0000000d}.bookings-table{border-collapse:collapse;width:100%;min-width:800px}.bookings-table th,.bookings-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:1rem}.bookings-table th{color:#4b5563;background-color:#f9fafb;font-weight:600}.bookings-table tbody tr:hover{background-color:#f9fafb}.status-badge{text-transform:capitalize;border-radius:9999px;padding:.25rem .75rem;font-size:.85rem;font-weight:500;display:inline-block}.status-badge.confirmed,.status-badge.paid{color:#065f46;background-color:#d1fae5}.status-badge.cancelled,.status-badge.refunded{color:#991b1b;background-color:#fee2e2}.action-btn{cursor:pointer;border:none;border-radius:6px;margin-right:.5rem;padding:.4rem .8rem;font-size:.85rem;font-weight:500;transition:all .2s}.action-btn.confirm{color:#fff;background-color:#10b981}.action-btn.confirm:hover{background-color:#059669}.action-btn.cancel{color:#fff;background-color:#ef4444}.action-btn.cancel:hover{background-color:#dc2626}.booking-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.booking-modal-content{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:30px;box-shadow:0 10px 40px #00000026}.booking-modal-content h3{color:#1e293b;margin-top:0;margin-bottom:20px;font-size:20px}.modal-info-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;display:flex}.modal-label{color:#64748b;font-size:14px}.modal-value{color:#1e293b;font-size:14px;font-weight:600}.modal-form-group{margin-bottom:18px}.modal-form-group label{color:#475569;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.modal-input,.modal-select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.modal-input:focus,.modal-select:focus{border-color:#0c6b52}.modal-actions{justify-content:flex-end;gap:12px;margin-top:25px;display:flex}.modal-cancel-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:10px 16px;font-weight:600;transition:background .2s}.modal-cancel-btn:hover{background:#e2e8f0}.modal-save-btn{color:#fff;cursor:pointer;background:#0c6b52;border:none;border-radius:8px;padding:10px 16px;font-weight:600;transition:background .2s}.modal-save-btn:hover{background:#0a523f}.trip-booking-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.trip-booking-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:20px;display:flex;box-shadow:0 4px 6px #0000000d}.trip-booking-card h3{color:#1e293b;margin:0;font-size:18px}.trip-booking-card p{color:#64748b;margin:0;font-size:14px}.view-bookings-btn{color:#fff;cursor:pointer;background:#0c6b52;border:none;border-radius:8px;align-self:flex-start;margin-top:10px;padding:10px 15px;font-weight:600;transition:background .2s}.view-bookings-btn:hover{background:#0a523f}.table-modal-content{width:95%;max-width:900px;max-height:90vh;overflow-y:auto}.print-header{display:none}@media print{@page{margin:1cm}body *{visibility:hidden}.booking-modal-overlay,.booking-modal-overlay *{visibility:visible}.booking-modal-overlay{width:100%;top:0;left:0;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;height:auto!important;position:absolute!important}.booking-modal-content{box-shadow:none!important;border:none!important;width:100%!important;max-width:100%!important;padding:0!important;overflow:visible!important}.modal-cancel-btn,.print-btn,.modal-header,th:last-child,td:last-child{display:none!important}.print-header{border-bottom:2px solid #000;margin-bottom:20px;padding-bottom:10px;display:block!important}.print-header h2{color:#000;margin:0 0 10px;font-size:24pt}.print-header p{color:#000;margin:5px 0;font-size:12pt}.bookings-table{border-collapse:collapse;width:100%;margin-top:20px}.bookings-table th,.bookings-table td{color:#000!important;background:0 0!important;border:1px solid #000!important;padding:8px!important;font-size:11pt!important}.bookings-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-color:#f2f2f2!important;font-weight:700!important}.status-badge{border:1px solid #000;color:#000!important;background:0 0!important;padding:2px 5px!important}}.customers-container{background:#fff;border-radius:12px;margin-top:2rem;padding:1.5rem;overflow-x:auto;box-shadow:0 4px 12px #0000000d}.customers-table{border-collapse:collapse;width:100%;min-width:800px}.customers-table th,.customers-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:1rem}.customers-table th{color:#4b5563;background-color:#f9fafb;font-weight:600}.customers-table tbody tr:hover{background-color:#f9fafb}.customer-avatar{color:#374151;float:left;background-color:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:1rem;font-size:1.1rem;font-weight:700;display:flex}.customer-info{flex-direction:column;justify-content:center;display:flex}.metric-badge{color:#3730a3;background-color:#e0e7ff;border-radius:6px;padding:.25rem .5rem;font-size:.85rem;font-weight:700}.customer-profile-container{flex-direction:column;gap:20px;padding:20px;display:flex}.profile-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.back-btn{cursor:pointer;background-color:#e5e7eb;border:none;border-radius:6px;padding:8px 16px;font-weight:500}.back-btn:hover{background-color:#d1d5db}.profile-cards-wrapper{flex-direction:column;gap:20px;display:flex}.profile-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.profile-card h3{color:#1f2937;border-bottom:1px solid #e5e7eb;margin-top:0;margin-bottom:20px;padding-bottom:10px;font-size:1.25rem}.details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.detail-item{flex-direction:column;display:flex}.detail-label{color:#6b7280;margin-bottom:4px;font-size:.85rem}.detail-value{color:#111827;font-size:1rem;font-weight:500}.trips-list{flex-direction:column;gap:15px;display:flex}.trip-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:center;padding:15px;display:flex}.trip-info h4{color:#111827;margin:0 0 5px}.trip-info p{color:#4b5563;margin:0;font-size:.9rem}.trip-status{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.status-badge{border-radius:12px;padding:4px 8px;font-size:.8rem;font-weight:600}.status-badge.confirmed{color:#065f46;background-color:#d1fae5}.status-badge.pending{color:#92400e;background-color:#fef3c7}.status-badge.cancelled{color:#991b1b;background-color:#fee2e2}.status-badge.paid{color:#065f46;background-color:#d1fae5}.status-badge.refunded{color:#374151;background-color:#e5e7eb}.support-page{color:#333;max-width:900px;min-height:70vh;margin:0 auto;padding:120px 5% 60px}.support-page h1{color:#1a1a1a;border-bottom:2px solid #ffb400;margin-bottom:30px;padding-bottom:10px;font-size:2.5rem;display:inline-block}.support-page h2{color:#2c3e50;margin-top:30px;margin-bottom:15px;font-size:1.5rem}.support-page p,.support-page li{color:#555;margin-bottom:15px;line-height:1.8}.support-page ul{margin-bottom:20px;padding-left:20px}.faq-item{border-bottom:1px solid #eaeaea;margin-bottom:25px;padding-bottom:20px}.faq-item h3{color:#1a1a1a;margin-bottom:10px;font-size:1.2rem}
