body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#2c3e50;--primary-light:#34495e;--primary-dark:#1a252f;--accent:#3498db;--accent-light:#5dade2;--accent-dark:#2980b9;--success:#27ae60;--warning:#f39c12;--error:#e74c3c;--info:#3498db;--white:#fff;--gray-50:#f8f9fa;--gray-100:#f0f1f3;--gray-200:#e8eaed;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#2d3748;--gray-800:#1f2937;--gray-900:#111827;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Menlo,Courier,monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;--z-dropdown:1000;--z-sticky:1100;--z-fixed:1200;--z-modal:1300}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#f8f9fa;background:var(--gray-50);color:#111827;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-primary);font-size:16px;line-height:1.6}h1{font-size:2.5rem;line-height:1.2}h1,h2{color:#111827;color:var(--gray-900);font-weight:700}h2{font-size:2rem;line-height:1.3}h3{font-size:1.5rem;line-height:1.4}h3,h4{color:#111827;color:var(--gray-900);font-weight:600}h4{font-size:1.25rem}h5{font-size:1.1rem}h5,h6{color:#111827;color:var(--gray-900);font-weight:600}h6{font-size:1rem}p{color:#4b5563;color:var(--gray-600);line-height:1.7}small{color:#6b7280;color:var(--gray-500);font-size:.875rem}a{color:#3498db;color:var(--accent);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}a:hover{color:#2980b9;color:var(--accent-dark)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-primary);font-size:1rem;font-weight:600;justify-content:center;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);text-decoration:none;transition:all .2s ease-in-out;transition:all var(--transition-base);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#2c3e50;background:var(--primary);color:#fff;color:var(--white)}.btn-primary:hover:not(:disabled){background:#34495e;background:var(--primary-light);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.btn-secondary{background:#f0f1f3;background:var(--gray-100);border:1px solid #d1d5db;border:1px solid var(--gray-300);color:#2c3e50;color:var(--primary)}.btn-secondary:hover:not(:disabled){background:#e8eaed;background:var(--gray-200)}.btn-accent{background:#3498db;background:var(--accent);color:#fff;color:var(--white)}.btn-accent:hover:not(:disabled){background:#2980b9;background:var(--accent-dark);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.btn-sm{font-size:.875rem;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.btn-lg{font-size:1.125rem;padding:1.5rem 2rem;padding:var(--space-lg) var(--space-xl)}input,select,textarea{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--border-radius-md);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-primary);font-size:1rem;padding:1rem;padding:var(--space-md);transition:all .15s ease-in-out;transition:all var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{border-color:#3498db;border-color:var(--accent);box-shadow:0 0 0 3px #3498db1a;outline:none}input::placeholder,textarea::placeholder{color:#9ca3af;color:var(--gray-400)}.card{background:#fff;background:var(--white);border:1px solid #e8eaed;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius-lg);padding:2rem;padding:var(--space-xl);transition:all .2s ease-in-out;transition:all var(--transition-base)}.card:hover{border-color:#d1d5db;border-color:var(--gray-300);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--space-lg)}.grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex,.flex-between{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-center{align-items:center;display:flex;justify-content:center}.mt-sm{margin-top:.5rem;margin-top:var(--space-sm)}.mt-md{margin-top:1rem;margin-top:var(--space-md)}.mt-lg{margin-top:1.5rem;margin-top:var(--space-lg)}.mt-xl{margin-top:2rem;margin-top:var(--space-xl)}.mb-sm{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.mb-md{margin-bottom:1rem;margin-bottom:var(--space-md)}.mb-lg{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:2rem;margin-bottom:var(--space-xl)}.px-md{padding-left:1rem;padding-left:var(--space-md);padding-right:1rem;padding-right:var(--space-md)}.py-md{padding-bottom:1rem;padding-bottom:var(--space-md);padding-top:1rem;padding-top:var(--space-md)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:#6b7280;color:var(--gray-500)}.text-light{color:#9ca3af;color:var(--gray-400)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.badge{background:#f0f1f3;background:var(--gray-100);border-radius:9999px;color:#2d3748;color:var(--gray-700);font-size:.875rem;font-weight:600;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.badge-success{background:#d4edda;color:#155724}.badge-error{background:#f8d7da;color:#721c24}.alert{border-left:4px solid #d1d5db;border-left:4px solid var(--gray-300);border-radius:8px;border-radius:var(--border-radius-md);padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg)}.alert-success{background:#d4edda;border-left-color:#27ae60;color:#155724}.alert-error{background:#f8d7da;border-left-color:#e74c3c;color:#721c24}.alert-info{background:#d1ecf1;border-left-color:#3498db;color:#0c5460}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn ease-in-out .3s ease-in-out;animation:fadeIn var(--transition-slow) ease-in-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in-up{animation:slideInUp ease-in-out .3s ease-in-out;animation:slideInUp var(--transition-slow) ease-in-out}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container{padding:0 1rem;padding:0 var(--space-md)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logo-full{perspective:1000px}.logo-container{align-items:center;background:var(--white);border-radius:var(--border-radius-lg);display:flex;gap:2rem;padding:2rem}.logo-icon-wrapper{flex-shrink:0;height:200px;perspective:1000px;transform-style:preserve-3d;transition:transform var(--transition-base);width:200px}.logo-icon-wrapper:hover{transform:rotateY(10deg) rotateX(-5deg)}.logo-icon-wrapper svg{filter:drop-shadow(0 10px 20px rgba(0,0,0,.15));height:100%;transition:filter var(--transition-base);width:100%}.logo-icon-wrapper:hover svg{filter:drop-shadow(0 15px 30px rgba(0,0,0,.25))}.logo-text-wrapper{flex:1 1;min-width:250px}.logo-title{color:var(--primary);font-family:Georgia,serif;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin:0}.logo-subtitle{color:#c9a876;font-size:1.25rem;font-weight:600;letter-spacing:3px;margin:.5rem 0 0}.logo-tagline{color:var(--gray-600);font-size:.85rem;font-style:italic;letter-spacing:.5px;margin-top:.5rem}.logo-features{grid-gap:1rem;border-top:2px solid var(--gray-200);display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-top:1.5rem;padding-top:1.5rem}.feature-item{align-items:center;border-radius:var(--border-radius-md);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;text-align:center;transition:all var(--transition-base)}.feature-item:hover{background:var(--gray-50);transform:translateY(-2px)}.feature-icon{font-size:1.5rem}.feature-text{color:var(--primary);font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.logo-icon{height:100%;perspective:1000px;width:100%}.logo-icon svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:100%;transition:all var(--transition-base);width:100%}.logo-icon:hover svg{filter:drop-shadow(0 8px 16px rgba(0,0,0,.15));transform:scale(1.05)}.logo-text{text-align:center}.logo-main-text{color:var(--primary);font-family:Georgia,serif;font-size:2rem;font-weight:700;letter-spacing:2px;margin:0}.logo-tagline{color:#c9a876;font-size:.95rem;font-weight:600;letter-spacing:2px;margin:.5rem 0}@media (max-width:1024px){.logo-container{flex-direction:column;gap:1.5rem;text-align:center}.logo-text-wrapper{min-width:auto}.logo-title{font-size:2rem}.logo-subtitle{font-size:1rem}.logo-features{gap:.75rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.logo-container{gap:1rem;padding:1.5rem 1rem}.logo-icon-wrapper{height:150px;width:150px}.logo-title{font-size:1.5rem}.logo-subtitle{font-size:.9rem}.logo-tagline{font-size:.8rem}.logo-features{gap:.5rem;grid-template-columns:repeat(2,1fr);margin-top:1rem;padding-top:1rem}.feature-icon{font-size:1.25rem}.feature-text{font-size:.7rem}}.landing-page{background:var(--gray-50)}.navbar{background:var(--white);border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:var(--z-sticky)}.navbar-logo{align-items:center;cursor:pointer;display:flex;gap:.75rem;transition:opacity var(--transition-fast)}.navbar-logo:hover{opacity:.8}.navbar-logo svg{height:45px;width:45px}.navbar-brand{color:var(--primary);font-family:Georgia,serif;font-size:1.25rem;font-weight:700;letter-spacing:1px}.nav-links{align-items:center;display:flex;gap:var(--space-lg)}.nav-link{background:none;border:none;color:var(--gray-600);cursor:pointer;font-family:var(--font-primary);font-size:.95rem;font-weight:600;padding:0;transition:color var(--transition-fast)}.nav-link:hover{color:var(--primary)}.hero-with-logo{background:var(--white);border-bottom:1px solid var(--gray-200);padding:3rem var(--space-lg)}.hero-logo-wrapper{animation:slideInUp var(--transition-slow) ease-in-out}.hero{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);color:var(--white);padding:4rem var(--space-lg);text-align:center}.hero-content h1{color:var(--white);font-size:3rem;font-weight:700;letter-spacing:-1px;margin-bottom:var(--space-lg)}.hero-subtitle{color:#ffffffe6;font-size:1.25rem;margin-bottom:var(--space-lg)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center}.hero-actions .btn{min-width:200px}.hero-actions .btn-primary{background:var(--accent);color:var(--white)}.hero-actions .btn-primary:hover{background:var(--accent-dark)}.hero-actions .btn-secondary{background:#ffffff26;border-color:#ffffff4d;color:var(--white)}.hero-actions .btn-secondary:hover{background:#ffffff40}.features{background:var(--white);border-bottom:1px solid var(--gray-200);padding:4rem var(--space-lg)}.section-title{color:var(--primary);font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature{padding:var(--space-xl);text-align:center}.feature-icon{display:block;font-size:2.5rem;margin-bottom:var(--space-lg)}.feature h4{color:var(--primary);margin-bottom:var(--space-md)}.feature p{color:var(--gray-600);font-size:.95rem}.destinations{padding:4rem var(--space-lg)}.destinations-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.destination-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:2rem;transition:all var(--transition-base)}.destination-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.destination-header{margin-bottom:1rem}.destination-card h3{color:var(--primary);margin-bottom:var(--space-md)}.destination-card p{color:var(--gray-600);margin-bottom:var(--space-lg)}.destination-stats{background:var(--gray-50);border-radius:var(--border-radius-md);display:flex;gap:2rem;margin:1.5rem 0;padding:1rem}.stat{flex:1 1;text-align:center}.stat-number{color:var(--accent);display:block;font-size:1.5rem;font-weight:700}.stat-label{color:var(--gray-600);display:block;font-size:.85rem;margin-top:.5rem}.destination-card .btn{width:100%}.how-it-works{background:var(--white);border-bottom:1px solid var(--gray-200);border-top:1px solid var(--gray-200);padding:4rem var(--space-lg)}.steps{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.step{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);min-width:180px;padding:2rem;text-align:center;transition:all var(--transition-base)}.step:hover{background:var(--white);border-color:var(--accent);box-shadow:var(--shadow-md)}.step-number{color:var(--accent);font-size:2rem;font-weight:700;margin-bottom:.5rem}.step h4{color:var(--primary);font-size:1rem;margin:var(--space-md) 0}.step p{color:var(--gray-600);font-size:.9rem;margin:0}.step-arrow{align-self:center;color:var(--gray-400);display:none;font-size:1.5rem}@media (min-width:768px){.step-arrow{display:block}}.cta{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);padding:4rem var(--space-lg)}.cta,.cta h2{color:var(--white)}.cta h2{font-size:2rem;margin-bottom:var(--space-md)}.cta p{color:#ffffffe6;font-size:1.1rem;margin-bottom:var(--space-lg)}.cta .btn-primary{background:var(--accent);min-width:200px}.cta .btn-primary:hover{background:var(--accent-dark)}.footer{background:var(--gray-900);border-top:1px solid var(--gray-800);color:var(--gray-300);padding:3rem var(--space-lg) 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer h5{color:var(--white);font-size:1rem;margin-bottom:var(--space-md)}.footer p{color:var(--gray-400);font-size:.9rem;line-height:1.8}.footer ul{list-style:none}.footer ul li{margin-bottom:var(--space-sm)}.footer-link{background:none;border:none;color:var(--gray-400);cursor:pointer;font-family:var(--font-primary);font-size:.9rem;padding:0;transition:color var(--transition-fast)}.footer-link:hover{color:var(--white)}.footer-bottom{border-top:1px solid var(--gray-800);color:var(--gray-500);font-size:.9rem;padding-top:2rem;text-align:center}@media (max-width:768px){.hero-content h1{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.section-title{font-size:2rem}.nav-links{gap:var(--space-md)}.steps{flex-direction:column}.step-arrow{display:none!important}.navbar-logo svg{height:40px;width:40px}.navbar-brand{font-size:1.05rem}.feature{padding:var(--space-lg)}.feature-icon{font-size:2rem}.destination-stats{gap:1rem}}@media (max-width:640px){.hero{padding:2rem var(--space-md)}.hero-content h1{font-size:1.75rem}.cta{padding:2rem var(--space-md)}.cta h2,.section-title{font-size:1.5rem}.section-title{margin-bottom:2rem}.destinations-grid,.features-grid{gap:1rem}.feature{padding:var(--space-md)}.destination-card,.step{padding:1.5rem}.step{min-width:150px}.step h4{font-size:.9rem}.footer-content{gap:1.5rem}}.auth-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.auth-container{background:#fff;border-radius:15px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;width:100%}.auth-logo{margin-bottom:30px;text-align:center}.auth-logo h1{color:#333;font-size:28px;margin:0 0 10px}.auth-logo p{color:#666;font-size:14px;margin:0}.auth-message{border-radius:8px;font-weight:700;margin-bottom:20px;padding:15px;text-align:center}.auth-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.auth-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.auth-toggle{border-bottom:2px solid #eee;display:flex;gap:10px;margin-bottom:30px}.toggle-btn{background:none;border:none;border-bottom:3px solid #0000;color:#999;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:12px;transition:all .3s}.toggle-btn:hover{color:#667eea}.toggle-btn.active{border-bottom-color:#667eea;color:#667eea}.auth-form{gap:20px;margin-bottom:30px}.auth-form,.form-group{display:flex;flex-direction:column}.form-input,.form-input select{border:2px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px;transition:all .3s}.form-input select:focus,.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.submit-btn{margin-top:10px;padding:14px}.submit-btn:disabled{opacity:.6}.test-credentials{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:20px}.test-credentials h4{color:#333;font-size:14px;margin:0 0 15px}.credential{background:#fff;border-left:3px solid #667eea;border-radius:5px;font-size:13px;margin-bottom:12px;padding:12px}.credential:last-child{margin-bottom:0}.credential p{color:#555;margin:5px 0}.credential strong{color:#333}.credential .note{color:#667eea;font-weight:700;margin-top:8px}.auth-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding-top:20px}.auth-footer a{color:#667eea;font-size:14px;font-weight:700;text-decoration:none;transition:color .3s}.auth-footer a:hover{color:#764ba2;text-decoration:underline}@media (max-width:600px){.auth-container{padding:25px}.auth-logo h1{font-size:24px}.submit-btn{font-size:14px;padding:12px}.test-credentials{display:none}}.booking-page{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:40px 20px}.booking-container{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.booking-left{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;padding:30px}.booking-left h1{color:#333;font-size:28px;margin:0 0 10px}.location{color:#666;font-size:16px;margin:0 0 20px}.description{color:#555;font-size:15px;line-height:1.6;margin-bottom:20px}.property-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-top:20px}.detail-item{align-items:center;background:#f5f5f5;border-radius:8px;color:#333;display:flex;gap:10px;padding:15px}.detail-item .icon{font-size:20px}.booking-right{position:sticky;top:20px}.booking-card{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;padding:30px}.booking-card h2{border-bottom:2px solid #667eea;color:#333;font-size:22px;margin:0 0 20px;padding-bottom:15px}.form-group label,.form-input{font-size:15px}.price-breakdown{background:#f9f9f9;border:1px solid #eee;margin:20px 0}.price-row{border-bottom:1px solid #eee;color:#555;font-size:15px}.price-row.total{border-top:2px solid #667eea;padding:15px 0}.price-row.total span:last-child{color:#667eea;font-size:22px}.confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:15px;padding:15px;transition:all .3s;width:100%}.confirm-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.confirm-btn:disabled{cursor:not-allowed;opacity:.6}.booking-info{background:#ebf5fb;border-left:4px solid #2196f3;border-radius:8px;margin-top:15px;padding:15px}.booking-info p{color:#1976d2;font-size:14px;margin:8px 0}.error,.loading{background:#0000004d;border-radius:15px;margin:0 auto;max-width:500px}@media (max-width:1024px){.booking-container{gap:20px;grid-template-columns:1fr}.booking-right{position:static}}@media (max-width:600px){.booking-page{padding:20px 10px}.booking-container{gap:15px}.booking-card,.booking-left{border-radius:10px;padding:20px}.booking-left h1{font-size:24px}.booking-card h2{font-size:18px}.property-details{grid-template-columns:1fr}.confirm-btn{font-size:15px;padding:12px}.price-row.total span:last-child{font-size:20px}}.payment-page{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:40px 20px}.payment-container{background:#fff;border-radius:15px;box-shadow:0 20px 60px #0000004d;margin:0 auto;max-width:800px;padding:40px}.booking-summary,h1{margin-bottom:30px}.booking-summary{background:#f9f9f9;border:1px solid #eee;border-radius:10px;padding:25px}.booking-summary h2{border-bottom:2px solid #667eea;color:#333;font-size:20px;margin-top:0;padding-bottom:15px}.summary-section{margin-bottom:20px}.summary-section h3{color:#667eea;font-size:16px;margin-bottom:10px}.property-title{color:#333;font-size:18px;font-weight:700;margin:0}.property-location{color:#666;font-size:14px;margin:5px 0 0}.date-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:10px}.date-item{display:flex;flex-direction:column}.label{color:#666;font-size:13px;margin-bottom:5px}.value{color:#333;font-size:16px}.nights,.value{font-weight:700}.nights{color:#667eea;margin:0}.price-breakdown{background:#fff;border:2px solid #667eea;border-radius:10px;margin-top:20px;padding:20px}.price-breakdown h3{color:#667eea;font-size:16px;margin-top:0}.price-row{border-bottom:1px solid #f0f0f0;color:#666;display:flex;justify-content:space-between;padding:10px 0}.price-row span:last-child{color:#333;font-weight:700}.price-row.subtotal{border-bottom:2px solid #667eea;color:#333;padding:15px 0}.price-row.total{border-bottom:none;color:#333;font-size:18px;margin-top:10px;padding:15px 0 0}.amount{color:#667eea!important;font-size:24px!important}.payment-section{margin:30px 0;text-align:center}.pay-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:18px;transition:all .3s;width:100%}.pay-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.pay-btn:disabled{cursor:not-allowed;opacity:.7}.success-note{background:#d4edda;border-radius:8px;color:#155724;font-weight:700;margin-top:15px;padding:15px}.payment-info{background:#ebf5fb;border-left:4px solid #2196f3;border-radius:8px;margin-top:20px;padding:20px}.payment-info h3{color:#1976d2;margin-top:0}.payment-info p{color:#555;line-height:1.6;margin:10px 0}.payment-info h4{color:#1976d2;margin:15px 0 10px}.error,.loading{color:#fff;font-size:18px;padding:40px;text-align:center}@media (max-width:600px){.payment-container{padding:20px}h1{font-size:22px}.date-row{grid-template-columns:1fr}.pay-btn{font-size:16px;padding:15px}}.error-state,.loading-state{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-state p{color:#333;font-size:18px;font-weight:700;margin:20px 0 10px}.loading-state small{color:#999;display:block;font-size:14px}.error-state h2{color:#e74c3c;margin-top:0}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#555;color:#721c24;font-size:16px;margin:20px 0}.back-btn,.retry-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;margin:10px;padding:12px 25px;transition:all .3s}.retry-btn{background:#667eea;color:#fff}.retry-btn:hover{background:#764ba2;transform:translateY(-2px)}.back-btn{background:#f0f0f0;color:#333}.back-btn:hover{background:#e0e0e0}.owner-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.dashboard-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.dashboard-header h1{color:#333;font-size:28px}.success-message{background:#4caf50}.error-message,.success-message{border-radius:5px;color:#fff;font-weight:700;margin-bottom:15px;padding:15px;text-align:center}.error-message{background:#f44336}.kyc-banner{align-items:center;background:#fff;border-left:5px solid;border-radius:10px;box-shadow:0 4px 15px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px;transition:all .3s}.kyc-banner.approved{background:#f1f8f4;border-left-color:#4caf50}.kyc-banner.pending{background:#fff3f0;border-left-color:#ff9800}.kyc-banner.rejected{background:#fdedec;border-left-color:#f44336}.kyc-banner.not-submitted{background:#ebf5fb;border-left-color:#2196f3}.kyc-banner h3{font-size:18px;margin:0 0 5px}.kyc-banner p{color:#666;font-size:14px;margin:0}.refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-left:15px;padding:10px 20px;transition:transform .2s;white-space:nowrap}.refresh-btn:hover:not(:disabled){transform:scale(1.05)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.tab-navigation{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tab-content{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin-bottom:20px;padding:30px}.tab-content h2{border-bottom:2px solid #667eea;color:#333;margin-top:0;padding-bottom:15px}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transition:transform .3s}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{font-size:28px;font-weight:700}.stat-card p{opacity:.9}.bookings-list,.properties-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.booking-card,.property-card{background:#f5f5f5;border-left:4px solid #667eea;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px;transition:all .3s}.booking-card:hover,.property-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.booking-card h3,.property-card h3{color:#333;font-size:16px;margin-top:0}.booking-card p,.property-card p{color:#666;font-size:13px;margin:8px 0}.status{padding:4px 12px}.status.confirmed{background:#4caf50;color:#fff}.status.pending{background:#ff9800;color:#fff}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.analytics-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 15px #0000001a;color:#fff;padding:25px;text-align:center}.analytics-card h3{font-size:14px;margin:0 0 15px;opacity:.9}.big-number{font-size:32px;font-weight:700;margin:0}.kyc-section{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin-bottom:20px;padding:30px;text-align:center}.kyc-section h2{color:#333;margin-top:0}.kyc-section p{color:#666;font-size:16px;margin-bottom:20px}.kyc-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px;color:#fff;display:inline-block;font-weight:700;padding:15px 30px;text-decoration:none;transition:transform .2s}.kyc-btn:hover{transform:scale(1.05)}.add-property-btn{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-weight:700;margin-bottom:20px;padding:12px 25px;text-decoration:none;transition:transform .2s}.add-property-btn:hover{transform:scale(1.05)}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:15px;text-align:center}.dashboard-header h1{font-size:22px}.kyc-banner{flex-direction:column;text-align:center}.refresh-btn{margin-left:0;margin-top:15px}.analytics-grid,.bookings-list,.properties-list,.stats-grid{grid-template-columns:1fr}.tab-content{padding:15px}}.admin-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.admin-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.admin-header h1{color:#333;font-size:28px;margin:0}.logout-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px;color:#fff;font-weight:700;padding:10px 20px;transition:transform .2s}.logout-btn:hover{transform:scale(1.05)}.admin-message{background:#4caf50;color:#fff}.admin-error,.admin-message{border-radius:5px;font-weight:700;margin-bottom:15px;padding:15px;text-align:center}.admin-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.loading{color:#fff;font-size:18px;padding:40px}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.stat-card{background:#fff;border-radius:10px;border-top:4px solid #667eea;box-shadow:0 4px 15px #0000001a;padding:20px;text-align:center}.stat-card h3{color:#667eea;font-size:24px;margin:0 0 10px}.stat-card p{color:#666;font-size:14px;margin:0}.admin-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tab-btn{background:#fff;border-radius:5px;box-shadow:0 2px 8px #0000001a;color:#333;font-weight:700;padding:12px 20px;transition:all .3s}.tab-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.admin-content{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:20px}.bookings-section,.kyc-section,.listings-section,.users-section{width:100%}.bookings-section h2,.kyc-section h2,.listings-section h2,.users-section h2{border-bottom:2px solid #667eea;color:#333;margin-top:0;padding-bottom:15px}.table-wrapper{margin-top:20px;overflow-x:auto}.admin-table{border-collapse:collapse;font-size:13px;width:100%}.admin-table thead{background:#f5f5f5;border-bottom:2px solid #667eea}.admin-table th{color:#333;font-weight:700;padding:12px;text-align:left}.admin-table td{border-bottom:1px solid #eee;padding:12px;word-break:break-word}.admin-table tbody tr:hover{background:#f9f9f9}.status{border-radius:20px;font-size:12px;padding:6px 12px;text-transform:capitalize}.status.approved{background:#d4edda;color:#155724}.status.rejected{background:#f8d7da;color:#721c24}.badge{border-radius:15px;display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;text-transform:capitalize}.badge.admin{background:#667eea;color:#fff}.badge.owner{background:#ff9800;color:#fff}.badge.guest{background:#2196f3;color:#fff}.btn-approve,.btn-reject{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:700;margin-right:5px;padding:6px 12px;transition:all .2s}.btn-approve{background:#4caf50;color:#fff}.btn-approve:hover{background:#45a049;transform:scale(1.05)}.btn-reject{background:#f44336;color:#fff}.btn-reject:hover{background:#da190b;transform:scale(1.05)}.no-data{color:#999;font-size:16px;padding:40px}@media (max-width:768px){.admin-dashboard{padding:10px}.admin-header{flex-direction:column;gap:15px;text-align:center}.admin-header h1{font-size:22px}.admin-tabs{flex-direction:column}.tab-btn{width:100%}.admin-table{font-size:12px}.admin-table td,.admin-table th{padding:8px}.stats-grid{grid-template-columns:repeat(2,1fr)}}.story-post{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;overflow:hidden}.story-post-container{padding:25px}.story-post h3{color:#333;font-size:20px;margin:0 0 10px}.subtitle{font-size:14px;margin:0 0 20px}.message{border-radius:5px;font-size:14px;margin-bottom:15px;padding:12px}.form-group{margin-bottom:20px}.form-group label{font-size:14px}.form-input,.form-textarea{border:2px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#667eea;outline:none}.form-textarea{resize:vertical}.photo-upload{background:#f9f9f9;border:2px dashed #667eea;border-radius:8px;cursor:pointer;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .3s}.photo-upload:hover{background:#f0f0f0;border-color:#764ba2}.file-input,.photo-upload input[type=file]{display:none}.upload-hint{color:#999;font-size:14px}.photo-previews{margin-top:15px}.photos-count{color:#4caf50;font-weight:700;margin-bottom:10px}.photo-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.photo-item{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative}.photo-item img{height:100%;object-fit:cover;width:100%}.remove-photo{background:#ff0000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;height:30px;position:absolute;right:5px;top:5px;transition:background .2s;width:30px}.remove-photo:hover{background:#ff0000e6}.tags-select{display:flex;flex-wrap:wrap;gap:10px}.tag-btn{background:#f0f0f0;border:2px solid #ddd;border-radius:20px;color:#666;cursor:pointer;font-size:13px;font-weight:700;padding:8px 15px;transition:all .3s}.tag-btn:hover{border-color:#667eea;color:#667eea}.tag-btn.active{background:#667eea;border-color:#667eea;color:#fff}.post-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px;transition:all .3s;width:100%}.post-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.post-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.story-post-container{padding:15px}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.story-card{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin-bottom:20px;padding:20px;transition:all .3s}.story-card:hover{box-shadow:0 6px 20px #00000026}.story-header{justify-content:space-between;margin-bottom:15px}.author-info,.story-header{align-items:center;display:flex}.author-info{gap:12px}.author-avatar{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;font-size:32px;height:40px;justify-content:center;width:40px}.author-info h4{color:#333;font-size:16px;margin:0}.author-info .date{color:#999;font-size:13px;margin:3px 0 0}.delete-btn{background:none;border:none;cursor:pointer;font-size:20px;transition:transform .2s}.delete-btn:hover{transform:scale(1.2)}.story-card h3{color:#333;font-size:20px;margin:0 0 10px}.content{color:#555;font-size:15px;line-height:1.6;margin-bottom:15px}.story-meta{color:#999;display:flex;font-size:13px;gap:15px;margin-bottom:10px}.story-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.tag{background:#f0f0f0;border-radius:15px;color:#666;display:inline-block;font-size:12px;font-weight:700;padding:5px 12px}.story-photos{margin:15px 0}.photo-carousel{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.story-photo{border-radius:8px;cursor:pointer;height:200px;object-fit:cover;transition:transform .3s;width:100%}.story-photo:hover{transform:scale(1.02)}.story-actions{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;display:flex;gap:10px;margin:15px 0;padding:15px 0}.action-btn{background:none;border:none;border-radius:5px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:10px;transition:all .3s}.action-btn:hover{background:#f0f0f0;color:#333}.action-btn.liked{color:#e74c3c}.comments-section{border-top:1px solid #f0f0f0;margin-top:15px;padding-top:15px}.comments-section h5{color:#333;font-size:14px;margin:0 0 15px}.add-comment{display:flex;gap:10px;margin-bottom:15px}.comment-input{border:1px solid #ddd;border-radius:5px;flex:1 1;font-size:14px;padding:10px}.comment-btn{background:#667eea;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 15px}.comment-btn:hover{background:#764ba2}.comments-list{display:flex;flex-direction:column;gap:15px}.comment{background:#f9f9f9;border-radius:5px;display:flex;gap:10px;padding:10px}.comment-avatar{align-items:center;background:#e0e0e0;border-radius:50%;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;width:32px}.comment-body{flex:1 1}.comment-body strong{color:#333;font-size:14px}.comment-body p{color:#555;font-size:14px;margin:5px 0}.comment-date{color:#999;font-size:12px}@media (max-width:600px){.story-card{padding:15px}.photo-carousel{grid-template-columns:1fr}.story-actions{flex-direction:column}.action-btn{width:100%}}.guest-dashboard{background:var(--gray-50);min-height:100vh}.dashboard-header{background:var(--white);border-bottom:1px solid var(--gray-200);padding:1.5rem 0;position:sticky;top:60px;z-index:99}.dashboard-header h1{color:var(--primary);font-size:1.75rem;margin:0}.logout-btn{background:var(--error);border:none;border-radius:var(--border-radius-md);color:var(--white);cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all var(--transition-base)}.logout-btn:hover{background:#c0392b;box-shadow:var(--shadow-md)}.dashboard-message{animation:slideInUp var(--transition-slow) ease-in-out;background:#d4edda;border-left:4px solid #27ae60;color:#155724}.dashboard-error,.dashboard-message{border-radius:var(--border-radius-md);font-weight:600;margin:2rem auto 0;max-width:1200px;padding:1rem}.dashboard-error{background:#f8d7da;border-left:4px solid #e74c3c;color:#721c24}.dashboard-tabs{background:var(--white);border-bottom:1px solid var(--gray-200);position:sticky;top:140px;z-index:98}.dashboard-tabs .container{display:flex;gap:0;overflow-x:auto}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:var(--gray-600);cursor:pointer;font-size:.95rem;font-weight:600;padding:1rem 1.5rem;transition:all var(--transition-fast);white-space:nowrap}.tab-btn:hover{background:#00000005;border-bottom-color:var(--gray-300);color:var(--primary)}.tab-btn.active{border-bottom-color:var(--primary);color:var(--primary)}.dashboard-content{margin:0 auto;max-width:1200px;padding:2rem 1.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.section-header h2{color:var(--primary);font-size:1.75rem;margin:0}.adventures-section h2,.trips-section h2{border-bottom:2px solid var(--gray-200);color:var(--primary);font-size:1.5rem;margin-bottom:2rem;padding-bottom:1rem}.story-form-wrapper{animation:slideInUp var(--transition-slow) ease-in-out;margin-bottom:2rem;padding:2rem}.no-data,.story-form-wrapper{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg)}.no-data{padding:4rem 2rem;text-align:center}.no-data,.no-data p{color:var(--gray-600)}.no-data p{font-size:1.1rem;margin:.5rem 0}.no-data p.text-muted{color:var(--gray-500);font-size:.95rem;margin-bottom:1.5rem}.no-data p.text-muted.small{font-size:.85rem}.no-data .btn{display:inline-block;margin-top:1rem}.trips-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.trip-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:1.5rem;transition:all var(--transition-base)}.trip-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.trip-card.warning{border-left:4px solid var(--warning)}.trip-card.past{opacity:.9}.trip-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.trip-header h3{color:var(--primary);flex:1 1;font-size:1.1rem;margin:0}.status{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.35rem .85rem;text-transform:uppercase;white-space:nowrap}.status.confirmed{background:#d4edda;color:#155724}.status.pending{background:#fff3cd;color:#856404}.status.completed{background:#d4edda;color:#155724}.location{align-items:center;color:var(--gray-600);display:flex;font-size:.95rem;gap:.5rem;margin:.5rem 0 1rem}.trip-dates{grid-gap:1rem;background:var(--gray-50);border-radius:var(--border-radius-md);display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:1rem 0;padding:1rem}.date{display:flex;flex-direction:column;gap:.25rem}.date .label{color:var(--gray-500);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.date .value{color:var(--primary);font-size:.95rem;font-weight:600}.trip-details{border-bottom:1px solid var(--gray-200);color:var(--gray-600);display:flex;font-size:.95rem;gap:1rem;margin-bottom:1rem;padding:1rem 0}.trip-details .amount{color:var(--accent);font-weight:600}.trip-actions{display:flex;gap:.75rem}.trip-actions .btn{flex:1 1;font-size:.85rem;padding:.5rem .75rem;text-align:center}.trip-actions .btn-secondary{background:var(--gray-100);color:var(--primary)}.trip-actions .btn-secondary:hover{background:var(--gray-200)}.trip-actions .btn-accent{background:var(--accent);color:var(--white)}.trip-actions .btn-accent:hover{background:var(--accent-dark)}.stories-list{display:flex;flex-direction:column;gap:1.5rem}.no-stories{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:3rem}.loading,.no-stories{color:var(--gray-600);text-align:center}.loading{font-size:1.1rem;padding:4rem 1rem}@media (max-width:768px){.dashboard-header{padding:1rem 0}.dashboard-header .container{flex-direction:column;gap:1rem;text-align:center}.dashboard-header h1{font-size:1.5rem}.dashboard-tabs .container{overflow-x:auto}.tab-btn{font-size:.85rem;padding:.75rem 1rem}.section-header{align-items:stretch;flex-direction:column;gap:1rem}.section-header .btn{width:100%}.trip-dates,.trips-grid{grid-template-columns:1fr}.trip-actions{flex-direction:column}.trip-actions .btn{width:100%}.dashboard-content{padding:1.5rem 1rem}.story-form-wrapper{padding:1.5rem}}.kyc-verification{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:40px 20px}.kyc-container{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;margin:0 auto;max-width:600px;padding:40px}h1{color:#333;font-size:28px;margin-top:0;text-align:center}.subtitle{color:#666;margin-bottom:30px}.message,.subtitle{font-size:16px;text-align:center}.message{border-radius:8px;font-weight:700;margin-bottom:20px;padding:15px}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-banner{border-left:5px solid;border-radius:8px;margin-bottom:30px;padding:20px}.status-banner h3{font-size:18px;margin-bottom:10px;margin-top:0}.status-banner p{font-size:14px;margin:0}.status-banner.approved{background:#d4edda;border-left-color:#28a745;color:#155724}.status-banner.pending{background:#fff3cd;border-left-color:#ffc107;color:#856404}.status-banner.rejected{background:#f8d7da;border-left-color:#dc3545;color:#721c24}.kyc-form{margin-bottom:30px}.form-group{margin-bottom:25px}.form-group label{color:#333;display:block;font-size:16px;font-weight:700;margin-bottom:8px}.form-input{border:2px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:12px;transition:all .3s;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group small{color:#666;display:block;font-size:13px;margin-top:8px}.checkboxes{background:#f9f9f9;border-radius:8px;padding:20px}.checkbox-label{align-items:center;color:#333;cursor:pointer;display:flex;font-weight:400;margin-bottom:15px}.checkbox-label:last-child{margin-bottom:0}.checkbox-label input{cursor:pointer;height:18px;margin-right:12px;width:18px}.checkbox-label span{flex:1 1;font-size:16px}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:15px;transition:all .3s;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.status-info{background:#f9f9f9;border:1px solid #eee;border-radius:8px;margin-bottom:20px;padding:20px}.status-info h3{border-bottom:2px solid #667eea;color:#333;font-size:18px;margin-top:0;padding-bottom:15px}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.info-item{background:#fff;border-left:3px solid #667eea;border-radius:6px;padding:10px}.info-item strong{color:#666;display:block;font-size:13px;margin-bottom:5px;text-transform:uppercase}.info-item span{color:#333;display:block;font-size:16px;font-weight:700}.info-item span.approved{color:#28a745}.info-item span.pending{color:#ff9800}.info-item span.rejected{color:#dc3545}.info-box{background:#ebf5fb;border-left:4px solid #2196f3;border-radius:8px;padding:20px}.info-box h4{color:#1976d2;font-size:16px;margin-top:0}.info-box p{color:#555;font-size:14px;line-height:1.6;margin:0}.error{color:#fff;font-size:18px;padding:40px;text-align:center}@media (max-width:600px){.kyc-container{padding:20px}h1{font-size:24px}.info-grid{grid-template-columns:1fr}.form-input,.submit-btn{font-size:16px}}
/*# sourceMappingURL=main.1ebc5f7b.css.map*/