.congratulations-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;font-family:Arial,sans-serif;padding:20px;text-align:center}.congratulations-title{font-size:48px;font-weight:700;color:#111827;margin-bottom:20px}.congratulations-message{font-size:20px;color:#4b5563;max-width:600px}.setup-account-container{max-width:550px;margin:0 auto;padding:2rem;background-color:#ececec;border-radius:8px;box-shadow:0 4px 6px #0000001a}.password-input,.email-input{padding:.7rem}.setup-title{color:#333;font-size:1.8rem;margin-bottom:.5rem;text-align:left}.setup-subtitle{color:#666;font-size:1rem;text-align:center;margin-bottom:2rem}.setup-form{display:flex;flex-direction:column;gap:2rem}.setup-form-section{border-bottom:1px solid #eaeaea;padding-bottom:1.5rem}.section-title{color:#444;font-size:1.2rem;margin-bottom:1rem}.setup-form-group{margin-bottom:1rem;display:flex;flex-direction:column}.setup-form-label{text-align:left;margin-bottom:.5rem;font-weight:500;color:#333}.setup-form-input,.setup-form-select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.setup-form-input:focus,.setup-form-select:focus{border-color:#4a90e2;outline:none}.setup-form-checkbox{width:18px;height:18px;accent-color:#4a90e2}.input-hint{font-size:.8rem;color:#888;margin-top:.25rem}.setup-form-submit{margin-top:1rem;display:flex;justify-content:center}.register-button{background-color:#d9534f;color:#000;padding:.75rem 2rem;border:none;border-radius:12px;max-width:max-content;font-size:1rem;font-weight:550;cursor:pointer;transition:background-color .3s;margin:1.5rem auto;display:block}.register-button:hover{background-color:#d9534f}.register-button:disabled{background-color:#d89896;cursor:not-allowed}.error-message{background-color:#ffebee;color:#c62828;padding:.75rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem}@media (max-width: 768px){.setup-account-container{padding:1.5rem}.setup-title{font-size:1.5rem}}.faq-page{display:flex;justify-content:space-between;align-items:flex-start;padding:60px;gap:40px;flex-wrap:wrap;background-color:#fafafa}.faq-left{flex:2;min-width:300px}.main-heading{font-size:48px;font-weight:700;margin-bottom:40px}.faq-list{display:flex;flex-direction:column;gap:20px}.faq-item{background-color:#fff;padding:20px;border-radius:8px;border:1px solid #ddd;cursor:pointer;transition:background-color .3s}.faq-item:hover{background-color:#f5f5f5}.faq-question{display:flex;justify-content:space-between;align-items:center;font-size:18px}.faq-icon{font-size:24px;font-weight:700}.faq-answer{margin-top:10px;color:#555;font-size:16px;padding-left:10px}.faq-right{flex:1;min-width:250px}.faq-card{background-color:#fff;border:1px solid #eee;padding:30px;border-radius:10px;text-align:center;box-shadow:0 2px 8px #0000000d}.faq-flag{width:50px;height:35px;background-color:#008dda;margin:0 auto 20px;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)}.faq-card-heading{font-size:18px;font-weight:700;margin-bottom:15px}.faq-card-text{font-size:14px;color:#555;margin-bottom:30px}.faq-button{width:100%;padding:12px 20px;background-color:#007acc;color:#fff;border:none;border-radius:4px;font-weight:700;font-size:14px;cursor:pointer;transition:background-color .3s}.faq-button:hover{background-color:#008dda}@media (max-width: 768px){.faq-page{flex-direction:column;align-items:center}.faq-left,.faq-right{width:100%}}.sidebar{width:250px;height:100vh;border-right:1px solid #eee;display:flex;flex-direction:column;justify-content:space-between;padding:24px;background-color:#fff}.menu{display:flex;flex-direction:column;gap:20px}.menu-item{color:#008dda;display:flex;align-items:center;gap:10px;cursor:pointer}.support{font-size:12px;color:#555}.support-title{font-weight:700;color:#000;margin-bottom:6px}.chat-btn{background-color:#e3f2fd;color:#1976d2;padding:6px 12px;border:none;border-radius:5px;margin-top:10px;margin-bottom:10px;cursor:pointer}.footer-links p{margin:2px 0}.table-container{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;background-color:#fff;font-size:14px}.orders-table thead{background-color:#f28c8c;color:#333}.orders-table th,.orders-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.orders-table tr:hover{background-color:#f5f5f5}.listings-page{padding:20px;max-width:1200px;margin:0 auto}.listings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem}.listings-header h2{font-size:1.5rem;font-weight:600;color:#333}.search-filter{display:flex;gap:10px}.search-filter input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;width:280px}.filter-btn{display:flex;align-items:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:8px 16px;cursor:pointer;transition:background-color .2s}.filter-btn:hover{background-color:#e9e9e9}.loading,.error-message{text-align:center;padding:40px 0;font-size:1rem;color:#666}.error-message{color:#e53e3e}.table-container{border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.table-header-admin{display:grid;grid-template-columns:4rem 10rem 8rem 6rem 6rem 5rem 5rem 5rem 5rem;background-color:#56d3f6;font-weight:500;color:#fff;text-align:left}.table-header div{padding:12px 16px;font-size:1rem}.table-header div:last-child{border-right:none}.table-row-admin{display:grid;grid-template-columns:4rem 10rem 8rem 6rem 6rem 5rem 5rem 5rem 5rem;border-bottom:1px solid #e2e8f0;transition:background-color .2s}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:#f9fafb}.table-row div{padding:1.5rem 1rem;font-size:.875rem;color:#4a5568;display:flex;justify-content:center}.table-row div:last-child{border-right:none}.table-row div:first-child{justify-content:flex-start}.table-row input[type=checkbox]{margin-right:10px}.no-results{text-align:center;padding:40px 0;grid-column:span 8;color:#718096;font-size:.9rem}@media (max-width: 1024px){.table-header,.table-row{font-size:.8rem}.listings-header{flex-direction:column;align-items:flex-start;gap:16px}.search-filter{width:100%}.search-filter input{flex-grow:1}}@media (max-width: 768px){.table-container{overflow-x:auto}.table-header,.table-row{min-width:900px}}.clickable-id{color:#00f;cursor:pointer;text-decoration:underline}.pagination-controls{display:flex;flex-direction:column;align-items:center;padding:20px 0;gap:15px}.pagination-info{font-size:14px;color:#666}.page-size-selector{margin-bottom:10px}.page-size-selector select{margin:0 8px;padding:5px;border-radius:4px;border:1px solid #ddd}.page-navigation{display:flex;gap:5px;align-items:center}.pagination-button{padding:6px 12px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.pagination-button:hover:not([disabled]){background-color:#e9ecef}.pagination-button.active{background-color:#56d3f6;color:#fff;border-color:#56d3f6}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-button.ellipsis{background:none;border:none}@media (min-width: 768px){.pagination-controls{flex-direction:row;justify-content:space-around}.page-size-selector{margin-bottom:0}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.upgrade-modal,.premium-popup{background-color:#fff;border-radius:8px;padding:20px;width:400px;max-width:90%;box-shadow:0 4px 8px #0003}.upgrade-modal h3,.premium-popup h3{margin-top:0;color:#333}.upgrade-options{display:flex;gap:10px;margin:20px 0}.upgrade-options button,.premium-popup button{padding:8px 16px;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s}.upgrade-options button:hover,.premium-popup button:hover{background-color:#357bd8}.cancel-btn{padding:8px 16px;background-color:#e0e0e0;color:#333;border:none;border-radius:4px;cursor:pointer;margin-top:10px}.cancel-btn:hover{background-color:#d0d0d0}.dashboard{display:flex;font-family:Segoe UI,sans-serif;background-color:#f9f9fb;height:100vh}.sidebar{width:250px;background-color:#fff;padding:20px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #eee}.sidebar-title{font-size:20px;font-weight:700;margin-bottom:20px}.sidebar-nav .nav-item{margin:10px 0;color:#e53935;cursor:pointer}.sidebar-support{background-color:#e0f0ff;padding:15px;border-radius:10px;text-align:center}.support-text{font-size:12px;color:#444;margin:10px 0}.chat-button{background-color:#007bff;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.sidebar-footer{font-size:12px;color:#aaa;text-align:left}.main{flex:1;padding:30px;overflow-y:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.revenue{font-size:30px;font-weight:700}.search-box{padding:8px;width:250px;border:1px solid #ccc;border-radius:5px}.status-cards{display:flex;gap:20px;margin-bottom:30px}.card{flex:1;border-radius:10px;padding:20px;color:#fff;text-align:center}.card h3{font-size:32px;margin:10px 0 0}.blue{background:linear-gradient(to right,#3b82f6,#2563eb)}.red{background:linear-gradient(to right,#ec4899,#008dda)}.purple{background:linear-gradient(to right,#8b5cf6,#a855f7)}.inbox-trends{display:flex;gap:20px;margin-bottom:30px}.box{background-color:#fff;padding:20px;border-radius:12px;flex:1;box-shadow:0 1px 4px #0000000d}.box-header{display:flex;justify-content:space-between;margin-bottom:15px}.inbox-item{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #eee}.trend-date{color:gray;font-size:12px;margin-bottom:10px}.trend-legend span{margin-right:15px;font-size:14px}.today{color:#3b82f6}.yesterday{color:#ccc}.activity .activity-item{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #f0f0f0;font-size:14px}.badge{padding:3px 8px;border-radius:8px;font-size:12px;color:#fff}.badge.urgent{background-color:#facc15;color:#111}.badge.new{background-color:#34d399}.badge.default{background-color:#d1d5db;color:#333}.main-dashboard{flex:1;padding:32px;background-color:#fff}.payment-container{max-width:800px;margin:0 auto;padding:2rem;background-color:#f8fafc;border-radius:10px;box-shadow:0 2px 10px #00000014}.payment-section{display:flex;flex-direction:column;gap:1.5rem}.payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.payment-header h2{margin:0;font-size:1.75rem;color:#2d3748;font-weight:600}.listing-type-tag{background-color:#4299e1;color:#fff;padding:.35rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.payment-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.card-details-container{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000000d;margin:1rem 0}.card-details-container h3{margin:0 0 1rem;font-size:1.25rem;color:#2d3748;font-weight:600}.card-row{display:flex;gap:1rem;margin-top:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem;flex:1}.form-group.expiry{flex:1}.form-group.cvc{flex:.5}.form-group label{font-size:.9rem;font-weight:500;color:#4a5568}.card-input{padding:.75rem;border:1px solid #cbd5e0;border-radius:6px;font-size:1rem;transition:border-color .2s}.card-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e126}.card-element-wrapper{padding:.75rem;border:1px solid #cbd5e0;border-radius:6px;background-color:#fff;transition:all .2s}.card-element-wrapper:focus-within{border-color:#4299e1;box-shadow:0 0 0 3px #4299e126}.order-summary{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:1.5rem}.order-summary h3{margin:0 0 1rem;font-size:1.25rem;color:#2d3748;font-weight:600}.summary-row{display:flex;justify-content:space-between;margin-bottom:.75rem;color:#4a5568;font-size:1rem}.summary-row.total{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;font-weight:600;font-size:1.125rem;color:#2d3748}.price{font-weight:500}.error-message{padding:.75rem;background-color:#fed7d7;border-left:4px solid #e53e3e;color:#c53030;border-radius:4px;margin-bottom:1rem;font-size:.875rem}.checkout-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.back-button{padding:.75rem 1.5rem;background-color:#e2e8f0;border:none;border-radius:6px;color:#4a5568;font-weight:500;cursor:pointer;transition:background-color .2s}.back-button:hover{background-color:#cbd5e0}.back-button:disabled{background-color:#e2e8f0;cursor:not-allowed;opacity:.7}.checkout-button{padding:.75rem 1.5rem;background-color:#3182ce;border:none;border-radius:6px;color:#fff;font-weight:500;cursor:pointer;transition:background-color .2s;min-width:150px}.checkout-button:hover{background-color:#2b6cb0}.checkout-button:disabled{background-color:#63b3ed;cursor:not-allowed;opacity:.7}.processing{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.payment-container{padding:1.5rem;margin:0 1rem}.payment-header{flex-direction:column;align-items:flex-start;gap:.75rem}.card-row{flex-direction:column;gap:1rem}.form-group.expiry,.form-group.cvc{flex:1;width:100%}.checkout-actions{flex-direction:column;gap:1rem}.back-button,.checkout-button{width:100%}}.checkout-container{min-height:100vh;background-color:#f5f5f5;padding:20px}.checkout-content{display:flex;gap:20px;max-width:1200px;margin:0 auto;align-items:flex-start}.bag-section{flex:1;min-width:300px}.payment-section{flex:0 0 400px}@media (max-width: 768px){.checkout-content{flex-direction:column}.payment-section{flex:1;width:100%}}.bag-section,.payment-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.dashboard{display:flex;height:100vh;background-color:#f9f9f9}.main-content{flex:1;padding:32px;background-color:#fff}.header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:24px}.search-filter{display:flex;gap:10px;margin-top:10px}.search-filter input{padding:8px 16px;border-radius:20px;border:1px solid #ccc;width:300px}.filter-btn{background:none;border:none;color:#008dda;font-weight:700;cursor:pointer}.form-container{padding:20px;background-color:#f5f5f5;min-height:100vh}.form-wrapper{max-width:800px;margin:0 auto;background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.form-title{text-align:center;font-size:32px;font-weight:700;margin-bottom:30px;color:#333;letter-spacing:2px}.timezone-display{display:flex;align-items:center;gap:10px;padding:15px;background-color:#e3f2fd;border-radius:8px;margin-bottom:25px;border:1px solid #bbdefb}.timezone-icon{color:#1976d2}.timezone-text{color:#1565c0;font-weight:500}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:700;font-size:14px;color:#333;letter-spacing:1px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.select-container{position:relative}.form-select{width:100%;padding:12px 40px 12px 15px;border:2px solid #ddd;border-radius:8px;font-size:16px;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.select-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none}.form-input{width:100%;padding:12px 15px;border:2px solid #ddd;border-radius:8px;font-size:16px;background-color:#fff}.input-container{position:relative}.input-icon-left{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#999}.with-icon-left{padding-left:45px!important}.radio-group{display:flex;gap:30px}.radio-label{display:flex;align-items:center;gap:10px;cursor:pointer}.radio-circle{width:20px;height:20px;border-radius:50%;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;background-color:#fff}.radio-circle.active{border-color:#007bff;background-color:#007bff}.radio-dot{width:8px;height:8px;border-radius:50%;background-color:#fff}.hidden-input{display:none}.radio-text{font-size:16px;color:#333}.time-error{display:flex;align-items:center;gap:10px;padding:15px;background-color:#ffebee;border:1px solid #e57373;border-radius:8px;margin-bottom:20px}.time-error-icon{color:#d32f2f}.time-error-text{color:#d32f2f;font-weight:500}.duration-display{display:flex;align-items:center;gap:10px;padding:15px;background-color:#e8f5e8;border:1px solid #81c784;border-radius:8px;margin-bottom:20px}.duration-icon{color:#388e3c}.duration-text{color:#388e3c;font-weight:500}.form-button-container{text-align:center}.form-button{padding:15px 50px;font-size:18px;font-weight:700;letter-spacing:2px;color:#fff;background-color:#007bff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.form-button:disabled{background-color:#ccc;cursor:not-allowed}.form-button:hover:not(:disabled){background-color:#0056b3}.insurance-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f0f0f0;padding:20px}.insurance-content{background-color:#fff;padding:40px;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:400px;text-align:center}.insurance-title{font-size:24px;font-weight:700;margin-bottom:20px;color:#333}.insurance-text{color:#666;margin-bottom:30px;line-height:1.5}.insurance-buttons{display:flex;gap:15px}.button-cancel{flex:1;padding:12px 24px;border:2px solid #ccc;background-color:#fff;color:#666;border-radius:5px;cursor:pointer;font-size:16px;transition:all .3s ease}.button-cancel:hover{background-color:#f5f5f5;border-color:#999}.button-purchase{flex:1;padding:12px 24px;border:none;background-color:#007bff;color:#fff;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.button-purchase:hover{background-color:#0056b3}@media (max-width: 768px){.form-container{padding:10px}.form-wrapper{padding:20px}.form-title{font-size:24px}.form-grid{grid-template-columns:1fr}.radio-group{flex-direction:column;gap:15px}.insurance-content{padding:30px 20px}.insurance-buttons{flex-direction:column}}.listing-container{max-width:22rem;margin:0 auto;background-color:#fff;min-height:100vh}.listing-form{padding:1.5rem}.form-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-group{margin-bottom:1rem}.form-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;outline:none;transition:border-color .2s}.form-input:focus{border-color:#008dda}.form-input::placeholder{color:#9ca3af}.dropdown-container{position:relative}.dropdown-toggle{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.dropdown-value{color:#111827}.dropdown-placeholder{color:#9ca3af}.dropdown-arrow{transform:rotate(0);transition:transform .2s}.dropdown-arrow-open{transform:rotate(180deg)}.dropdown-menu{position:absolute;z-index:10;width:100%;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;margin-top:.25rem;box-shadow:0 10px 15px -3px #0000001a;max-height:15rem;overflow-y:auto;list-style:none;padding:0;margin:.25rem 0 0}.dropdown-item{padding:.75rem;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.dropdown-item:hover{background-color:#f9fafb}.dropdown-item:last-child{border-bottom:none}.subcategory-list{display:flex;flex-direction:column;gap:.75rem}.subcategory-item{background-color:#f9fafb;padding:1rem;border-radius:.5rem}.subcategory-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.subcategory-name{color:#374151;font-weight:500}.checkbox{width:1rem;height:1rem;border:2px solid #d1d5db;border-radius:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.checkbox-checked{background-color:#008dda;border-color:#008dda;color:#fff}.checkbox-green{background-color:#10b981;border-color:#10b981}.checkbox-mark{font-size:.875rem}.input-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.control-group{display:flex;flex-direction:column}.control-label{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.quantity-input{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:.5rem;overflow:hidden}.qty-btn{width:1rem;height:1rem;background-color:#008dda;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.qty-btn:hover{background-color:#dc2626}.qty-input{flex:1;height:1.5rem;text-align:center;border:none;outline:none}.price-input{width:100%;height:1rem;padding:0 .75rem;border:1px solid #d1d5db;border-radius:.5rem;outline:none;transition:border-color .2s}.price-input:focus{border-color:#008dda}.weight-exceeded-warning{color:#008dda;font-size:.75rem;margin-top:.25rem}.checkbox-groups{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.checkbox-group{display:flex;align-items:flex-start;gap:.75rem}.checkbox-label{font-size:.875rem;color:#374151;line-height:1.5}.terms-link{color:#2563eb;text-decoration:underline;cursor:pointer}.submit-button{width:100%;padding:1rem;border-radius:.5rem;font-weight:500;color:#fff;border:none;cursor:pointer;transition:background-color .2s;background-color:#008dda}.submit-button:hover{background-color:#dc2626}.submit-button-disabled{background-color:#9ca3af;cursor:not-allowed}.submit-button-disabled:hover{background-color:#9ca3af}@media (max-width: 640px){.listing-form{padding:1rem}.input-controls{grid-template-columns:1fr;gap:.75rem}}.traveller-container{display:flex;justify-content:center;gap:40px;padding:40px;flex-wrap:wrap}.traveller-box{background:#f1f1f1;padding:30px;border-radius:12px;width:450px;box-shadow:0 4px 10px #00000014}.form-box h2{font-size:28px;font-weight:700;margin-bottom:20px}.traveler-section{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.input-group{display:flex;flex-direction:column}.input-group label{font-size:14px;margin-bottom:4px;font-weight:600}.input-group input,.input-group textarea{padding:10px;font-size:14px;border-radius:6px;border:1px solid #ccc}.input-group.full-width{grid-column:span 2;margin-top:10px}textarea{resize:vertical}.add-btn{background:#f36a66;color:#fff;padding:10px 15px;border:none;margin-bottom:10px;border-radius:6px;cursor:pointer}.button-group{display:flex;justify-content:space-between;margin-top:20px}.cancel-btn,.submit-btn{padding:10px 25px;font-size:15px;border-radius:6px;border:none;cursor:pointer}.cancel-btn{background:#fff;border:1px solid #ccc}.submit-btn{background:#f36a66;color:#fff}.contact-box{background:#fff6f5;padding:25px;border-radius:12px;width:300px;text-align:center;box-shadow:0 4px 10px #0000000d}.contact-icon{font-size:40px;color:#f36a66;margin-bottom:10px}.contact-box h3{margin:10px 0;font-weight:700}.contact-box p{font-size:14px;color:#333;margin-bottom:20px}.mail-btn{background:#f36a66;color:#fff;border:none;padding:12px 20px;border-radius:20px;font-size:15px;cursor:pointer}.choose-role-container{text-align:center;padding:40px;background-color:#fdfdfd;font-family:Segoe UI,sans-serif}.title{font-size:36px;font-weight:700;margin-bottom:40px}.cards{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.role-card{background-color:#fff;border-radius:16px;padding:30px 20px;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.role-title{font-size:28px;font-weight:700;margin-bottom:10px}.description{font-size:14px;color:#555}.listing-container{width:100%;max-width:800px;margin:0 auto;padding:20px}.listing-inner{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:24px}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;min-height:300px}.text-center{text-align:center}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #3498db;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background-color:#ffebee;padding:16px;border-radius:8px;text-align:center;max-width:400px}.error-title{color:#d32f2f;font-weight:700;margin-bottom:8px}.retry-button{background-color:#d32f2f;color:#fff;border:none;padding:8px 16px;border-radius:4px;margin-top:16px;cursor:pointer}.retry-button:hover{background-color:#b71c1c}.listing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-left{display:flex;align-items:center;gap:12px}.circle-number{background-color:#e0f2fe;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.circle-number-text{font-weight:700;color:#0284c7}.flex-container{display:flex;align-items:center;gap:8px}.traveller-badge{background-color:#f0fdf4;color:#16a34a;padding:4px 10px;border-radius:16px;font-size:14px}.free-badge{background-color:#fef3c7;color:#d97706;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.service-fee{font-size:14px;color:#4b5563}.fee-amount{font-weight:700;color:#1e3a8a}.user-details{margin-bottom:16px}.user-name-age{font-weight:500;margin-bottom:4px}.user-info{font-size:14px;color:#6b7280;line-height:1.4}.user-details-edit{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.name-age-container{display:flex;gap:8px}.input-name{flex-grow:1;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;font-size:14px}.input-age{width:60px;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;font-size:14px}.input-full{width:100%;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;font-size:14px}.categories-section{margin-bottom:16px}.section-title{font-weight:500;margin-bottom:8px;color:#4b5563}.categories-list{font-size:14px}.category-checkboxes{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.category-checkbox{display:flex;align-items:center;gap:4px;font-size:14px}.vehicle-section{background-color:#f9fafb;border-radius:8px;padding:12px;margin-bottom:16px}.vehicle-number{font-size:14px;margin-bottom:8px}.vehicle-details{display:flex;justify-content:space-between}.vehicle-type,.insurance-status{display:flex;align-items:center;gap:4px}.vehicle-icon{color:#4b5563}.vehicle-type-text,.insurance-text{font-size:14px}.insurance-icon{color:#008dda}.route-container{margin-bottom:16px}.route-point{display:flex;gap:12px;margin-bottom:16px}.origin-point{position:relative}.dot-container{display:flex;flex-direction:column;align-items:center;width:24px}.dot{width:16px;height:16px;border-radius:50%}.origin-dot{background-color:#22c55e}.destination-dot{background-color:#008dda}.vertical-line{width:2px;height:100%;background-color:#d1d5db;position:absolute;top:16px;left:11px;bottom:0}.location-container{flex-grow:1}.location-label{font-size:14px;color:#6b7280;margin-bottom:4px}.location-name{font-weight:500;margin-bottom:4px}.time-container{display:flex;align-items:center;gap:4px;font-size:14px;color:#6b7280}.clock-icon{color:#6b7280}.time-text{margin-right:4px}.time-value{color:#1f2937}.input-medium{width:120px;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;font-size:14px}.input-small{width:60px;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;font-size:14px}.space-container{background-color:#f0f9ff;border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.space-left{font-size:14px;font-weight:500}.parcel-note{font-size:12px;color:#6b7280;font-style:italic}.edit-button{background-color:#3b82f6;color:#fff;border:none;padding:10px 16px;border-radius:8px;width:100%;font-weight:500;cursor:pointer;transition:background-color .2s}.edit-button:hover{background-color:#2563eb}.form-input{border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;font-size:14px}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}html,body{height:100%;margin:0;padding:0}#root{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column}.footer{margin-top:auto}