.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:40px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:#666;font-size:14px;margin-top:16px}.layout{display:flex;flex-direction:column;min-height:100vh}.navbar{background-color:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;padding:0}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#fff;font-size:1.5rem;font-weight:700;gap:8px;text-decoration:none}.navbar-menu{align-items:center;display:flex;gap:1.5rem}.nav-link{border-radius:4px;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.nav-link:hover{background-color:#ffffff1a}.nav-link.btn-primary{background-color:#3498db;font-weight:600}.nav-link.btn-primary:hover{background-color:#2980b9}.nav-user{align-items:center;border-left:1px solid #fff3;display:flex;gap:1rem;margin-left:1rem;padding-left:1rem}.user-badge{background-color:#ffffff1a;border-radius:12px;color:#fff;cursor:pointer;font-size:.875rem;padding:.25rem .75rem;text-decoration:none;transition:background-color .2s}.user-badge:hover{background-color:#fff3}.user-badge-nav{align-items:center;background-color:#ffffff1a;border-radius:20px;color:#fff;display:flex;gap:.5rem;padding:.25rem .75rem;text-decoration:none;transition:background-color .2s}.user-badge-nav:hover{background-color:#fff3}.user-avatar-nav{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;font-size:.8rem;font-weight:600;height:28px;justify-content:center;width:28px}.user-info-nav{display:flex;flex-direction:column;line-height:1.2}.user-name-nav{font-size:.85rem;font-weight:600}.user-meta-nav{align-items:center;display:flex;font-size:.7rem;gap:4px;opacity:.9}.user-rating-nav{color:#fbbf24;font-weight:600}.btn-logout{background-color:initial;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .2s}.btn-logout:hover{background-color:#ffffff1a;border-color:#fff}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.footer{background-color:#34495e;color:#fff;margin-top:auto;padding:2rem;text-align:center}.footer p{margin:0;opacity:.8}.status-badge{border-radius:12px;display:inline-block;font-size:.875rem;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-orange{background-color:#fff3e0;color:#e65100}.status-blue{background-color:#e3f2fd;color:#1565c0}.status-purple{background-color:#f3e5f5;color:#6a1b9a}.status-amber{background-color:#fff8e1;color:#ff6f00}.status-green{background-color:#e8f5e9;color:#2e7d32}.status-red{background-color:#ffebee;color:#c62828}.status-gray{background-color:#f5f5f5;color:#616161}.dashboard-container{margin:0 auto;max-width:1200px;padding:20px}.dashboard-header h1{color:#333;margin-bottom:10px}.dashboard-header p{color:#666;margin-bottom:30px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;padding:25px}.stat-icon{font-size:2.5rem}.stat-info h3{color:#333;font-size:2rem;font-weight:700;margin:0 0 5px}.stat-info p{color:#666;font-size:.9rem;margin:0}.recent-requests{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:30px}.recent-requests h2{color:#333;margin-bottom:20px}.requests-list{display:flex;flex-direction:column;gap:15px}.request-card{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:10px;color:inherit;display:block;padding:20px;text-decoration:none;transition:all .3s ease}.request-card.clickable:hover{border-color:#2563eb;box-shadow:0 4px 12px #00000026;cursor:pointer;transform:translateY(-2px)}.request-info{width:100%}.request-header{align-items:center;margin-bottom:15px}.request-header h3{color:#333;font-size:1.2rem;font-weight:600;margin:0}.route-preview{background:#fff;gap:10px;margin-bottom:12px;padding:12px}.route-location{align-items:center;display:flex;flex:1 1;gap:8px}.route-icon{font-size:1.2rem}.route-text{color:#333;font-size:.95rem}.route-arrow{color:#2563eb;font-size:1.2rem}.request-description{color:#666;font-size:.9rem;margin:10px 0}.request-meta{color:#666;display:flex;flex-wrap:wrap;font-size:.85rem;gap:15px;margin-top:12px}.request-meta span{gap:5px}.request-meta span,.request-status{align-items:center;display:flex}.empty-state{color:#666;padding:60px 20px}.empty-state p{font-size:1.1rem;margin-bottom:20px}.empty-state a{background:#2563eb;border-radius:8px;color:#fff;display:inline-block;padding:12px 24px;text-decoration:none;transition:background .3s ease}.empty-state a:hover{background:#1d4ed8}.quick-actions{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-top:40px;padding:30px}.quick-actions h3{color:#333;margin-bottom:20px}.actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{align-items:center;background:#f9f9f9;border:2px solid #e0e0e0;border-radius:10px;color:#333;display:flex;flex-direction:column;justify-content:center;padding:30px 20px;text-decoration:none;transition:all .3s ease}.action-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.action-icon{font-size:2.5rem;margin-bottom:10px}.action-label{font-weight:600;text-align:center}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.route-preview{flex-direction:column;gap:8px}.route-arrow{transform:rotate(90deg)}.request-meta{flex-direction:column;gap:8px}.actions-grid{grid-template-columns:1fr}}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:400px;padding:2.5rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#2c3e50;font-size:2rem;margin:0 0 .5rem}.login-header p{color:#7f8c8d;margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.error-message{border-radius:4px;font-size:.875rem;padding:.75rem}.form-group label{color:#2c3e50;font-size:.875rem}.form-group input{border:2px solid #e9ecef;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .2s}.form-group input:focus{border-color:#667eea;outline:none}.btn-submit{border-radius:6px;font-size:1rem;padding:.875rem;transition:transform .2s}.login-footer{color:#7f8c8d;font-size:.875rem;margin-top:1.5rem;text-align:center}.login-footer a{color:#667eea;font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}.register-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.register-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:2.5rem;width:100%}.register-header{margin-bottom:2rem;text-align:center}.register-header h1{color:#667eea;font-size:2.5rem;margin-bottom:.5rem}.register-header p{color:#666;font-size:1.1rem}.register-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;gap:1rem}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none}.form-hint{color:#666;font-size:.85rem;margin-top:-.25rem}.btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:.5rem;padding:1rem;transition:transform .2s,box-shadow .2s}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.register-footer{color:#666;margin-top:1.5rem;text-align:center}.register-footer a{color:#667eea;font-weight:600;text-decoration:none}.register-footer a:hover{text-decoration:underline}@media (max-width:768px){.register-container{padding:2rem}.form-row{grid-template-columns:1fr}}.requests-page{padding:1rem}.page-header h1{color:#2c3e50}.header-actions{gap:.75rem}.btn-primary{background-color:#3498db;border-radius:6px;padding:.75rem 1.5rem;transition:background-color .2s}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#27ae60;border-radius:6px;color:#fff;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s}.btn-secondary:hover{background-color:#229954}.filter-btn{border:2px solid #e9ecef;border-radius:6px;color:#7f8c8d;padding:.5rem 1rem;transition:all .2s}.filter-btn:hover{border-color:#3498db;color:#3498db}.filter-btn.active{background-color:#3498db;border-color:#3498db}.empty-state{border-radius:8px;color:#7f8c8d;padding:4rem}.empty-state p{font-size:1.25rem;margin:0 0 1.5rem}.requests-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.request-item{background:#fff;border:2px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:inherit;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .3s ease}.request-item.clickable:hover{border-color:#3498db;box-shadow:0 4px 16px #3498db4d;cursor:pointer;transform:translateY(-4px)}.request-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.header-badges{align-items:flex-end;flex-direction:column;gap:5px}.offers-badge{background:#27ae60;border-radius:12px;color:#fff;padding:4px 10px;white-space:nowrap}.offers-badge,.request-id{font-size:.75rem;font-weight:600}.request-id{color:#95a5a6}.request-main{display:flex;flex-direction:column;gap:12px}.cargo-type{color:#2c3e50;font-size:1.125rem;font-weight:700;margin:0}.route-preview{border-radius:6px;gap:8px;padding:10px}.route-point{gap:6px}.route-text{color:#2c3e50;font-size:.875rem;font-weight:500}.route-arrow{color:#3498db}.request-description{color:#7f8c8d;font-size:.875rem;line-height:1.5;margin:0}.request-route{color:#2c3e50;font-size:1.125rem;margin:0}.request-cargo{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#7f8c8d;display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0;overflow:hidden}.request-details{border-top:1px solid #ecf0f1;display:flex;flex-wrap:wrap;gap:12px;padding-top:12px}.detail-item{flex:1 1;font-size:.875rem;gap:4px;min-width:120px}.detail-label{color:#7f8c8d;font-size:.75rem}@media (max-width:768px){.requests-grid{grid-template-columns:1fr}.route-preview{flex-direction:column;gap:8px}.route-arrow{transform:rotate(90deg)}}.user-badge-link{color:inherit;display:inline-block;text-decoration:none}.user-badge-link:hover .user-badge{background:#f1f5f9}.user-badge{align-items:center;border-radius:8px;display:flex;gap:.75rem;padding:.5rem;transition:background .2s}.user-badge-small{gap:.5rem;padding:.25rem}.user-badge-small .user-badge-avatar{font-size:.75rem;height:28px;width:28px}.user-badge-small .user-badge-name{font-size:.85rem}.user-badge-small .user-badge-meta{font-size:.75rem}.user-badge-medium .user-badge-avatar{font-size:1rem;height:40px;width:40px}.user-badge-large .user-badge-avatar{font-size:1.25rem;height:56px;width:56px}.user-badge-large .user-badge-name{font-size:1.1rem}.user-badge-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;width:40px}.user-badge-avatar.premium{background:linear-gradient(135deg,#f6d365,#fda085);box-shadow:0 0 0 2px #fbbf24}.user-badge-info{display:flex;flex-direction:column;gap:2px;min-width:0}.user-badge-name{align-items:center;color:#1e293b;display:flex;font-weight:600;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-verified{color:#3b82f6;font-size:.85em}.badge-premium{font-size:.85em}.user-badge-meta{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:.5rem}.user-type{font-size:.9em}.user-rating{align-items:center;display:flex;gap:2px}.user-rating .star{color:#fbbf24}.user-rating .rating-value{color:#374151;font-weight:600}.user-rating .reviews-count{color:#9ca3af;font-size:.9em}.no-rating-text{color:#9ca3af;font-style:italic}.reviews-section h2{color:#333;font-size:1.3rem;margin-bottom:1.5rem;margin-top:0}.no-reviews,.reviews-loading{color:#666;padding:2rem;text-align:center}.review-form-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.review-form-section h3{color:#1e293b;font-size:1.1rem;margin:0 0 1rem}.stars-input{align-items:center}.star-btn{color:#d1d5db;padding:0 2px;transition:color .2s,transform .2s}.star-btn:hover{transform:scale(1.2)}.star-btn.active{color:#fbbf24}.review-textarea{border:1px solid #d1d5db;font-family:inherit;font-size:.95rem;margin-bottom:1rem;padding:.75rem}.review-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-submit-review{background:#3b82f6;font-size:.95rem;font-weight:500;transition:background .2s}.btn-submit-review:hover:not(:disabled){background:#2563eb}.btn-submit-review:disabled{background:#9ca3af}.already-reviewed{color:#059669;font-weight:500}.no-reviews small{color:#999;display:block;margin-top:.5rem}.reviews-list{display:flex;flex-direction:column;gap:1rem}.review-card{background:#f8f9fa;border-radius:12px;padding:1.25rem;transition:all .3s}.review-card:hover{box-shadow:0 4px 12px #0000001a}.review-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.reviewer-info{align-items:center;display:flex;gap:.75rem}.reviewer-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.reviewer-info strong{color:#333;display:block}.reviewer-type{color:#666;font-size:.85rem}.review-stars{color:#f6ad55;font-size:1.2rem;letter-spacing:2px}.review-comment{color:#555;line-height:1.6;margin:.75rem 0;padding-left:55px}.review-footer{border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding-top:.5rem}.review-date{color:#999;font-size:.85rem}.review-form-section{border-top:2px solid #e0e0e0;margin-top:2rem;padding-top:1.5rem}.review-form-section h3{color:#333;margin-bottom:1rem;margin-top:0}.stars-input{display:flex;gap:.5rem;margin-bottom:1rem}.star-btn{background:none;border:none;color:#ddd;cursor:pointer;font-size:2rem;padding:0;transition:all .2s}.star-btn.active,.star-btn:hover{color:#f6ad55;transform:scale(1.1)}.review-textarea{border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;min-height:100px;padding:.75rem 1rem;resize:vertical;width:100%}.review-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-submit-review{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s}.btn-submit-review:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-submit-review:disabled{cursor:not-allowed;opacity:.6}.already-reviewed{background:#d4edda;border-radius:8px;color:#155724;padding:1rem;text-align:center}.request-detail-page{margin:0 auto;max-width:1200px}.detail-header{align-items:flex-start;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.header-left{display:flex;flex-direction:column;gap:.75rem}.back-link{color:#667eea;font-size:.95rem;text-decoration:none}.back-link:hover{text-decoration:underline}.detail-header h1{align-items:center;display:inline-flex;font-size:2rem;gap:1rem;margin:0}.btn-cancel{background-color:#e53e3e;color:#fff}.btn-cancel:hover:not(:disabled){background-color:#c53030;transform:translateY(-2px)}.btn-cancel:disabled{cursor:not-allowed;opacity:.5}.btn-complete{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.btn-complete:hover:not(:disabled){box-shadow:0 4px 12px #48bb7866;transform:translateY(-2px)}.btn-complete:disabled{cursor:not-allowed;opacity:.5}.btn-start-transit{background:linear-gradient(135deg,#805ad5,#6b46c1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.btn-start-transit:hover:not(:disabled){box-shadow:0 4px 12px #805ad566;transform:translateY(-2px)}.btn-start-transit:disabled{cursor:not-allowed;opacity:.5}.btn-deliver{background:linear-gradient(135deg,#ed8936,#dd6b20);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.btn-deliver:hover:not(:disabled){box-shadow:0 4px 12px #ed893666;transform:translateY(-2px)}.btn-deliver:disabled{cursor:not-allowed;opacity:.5}.detail-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.detail-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.detail-card.full-width{grid-column:1/-1}.detail-card h2{color:#333;font-size:1.25rem;margin-bottom:1rem}.detail-content{display:flex;flex-direction:column;gap:1rem}.detail-item{gap:.5rem}.detail-item.full-width{flex-direction:column}.detail-item .label{color:#666;font-weight:600;min-width:120px}.detail-item .value{color:#333}.location-item{background:#f7fafc;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.location-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem;width:fit-content}.location-badge.origin{background-color:#bee3f8;color:#2c5282}.location-badge.destination{background-color:#c6f6d5;color:#22543d}.route-arrow{margin:.5rem 0;text-align:center}.carrier-info{gap:1rem}.carrier-avatar,.carrier-info{align-items:center;display:flex}.carrier-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.carrier-info div{display:flex;flex-direction:column;gap:.25rem}.carrier-info small{color:#666;font-size:.85rem}.offers-list{display:flex;flex-direction:column;gap:1rem}.offer-card{background:#f7fafc;border:2px solid #e0e0e0;border-radius:8px;padding:1.25rem;transition:all .3s}.offer-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.offer-header{margin-bottom:.75rem}.carrier-info-small{align-items:center;display:flex;gap:.75rem}.carrier-avatar-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.carrier-info-small div{display:flex;flex-direction:column;gap:.2rem}.carrier-info-small small{color:#666;font-size:.8rem}.offer-price{font-size:1.75rem}.offer-notes{color:#555;font-size:.95rem;line-height:1.5;margin:.75rem 0}.offer-meta{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.offer-status{border-radius:20px;font-size:.85rem;font-weight:600;padding:.4rem .9rem}.offer-status.pending{background-color:#fef5e7;color:#d68910}.offer-status.accepted{background-color:#d4edda;color:#155724}.offer-status.rejected{background-color:#f8d7da;color:#721c24}.btn-accept{background-color:#48bb78;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:all .3s}.btn-accept:hover:not(:disabled){background-color:#38a169;transform:translateY(-2px)}.btn-accept:disabled{cursor:not-allowed;opacity:.5}.info-card{background:#f0f4ff;border:2px dashed #667eea;padding:2rem;text-align:center}.info-card p{color:#555;font-size:1.1rem;margin:0}.error-page{color:#e53e3e;font-size:1.2rem;padding:3rem;text-align:center}@media (max-width:768px){.detail-header{flex-direction:column;gap:1rem}.detail-grid{grid-template-columns:1fr}.offer-header{align-items:flex-start}.offer-header,.offer-meta{flex-direction:column;gap:.75rem}.offer-meta{align-items:stretch}}.new-request-page{margin:0 auto;max-width:800px}.new-request-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.form-section{border-bottom:2px solid #f0f0f0;margin-bottom:2.5rem;padding-bottom:2rem}.form-section:last-of-type{border-bottom:none;margin-bottom:2rem}.form-section h2{color:#667eea;font-size:1.25rem;margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{min-height:100px}.field-error{color:#e53e3e;font-size:.85rem;margin-top:-.25rem}.error-message{background-color:#fee;border-left:4px solid #e53e3e;border-radius:8px;color:#c33;margin-bottom:1.5rem;padding:1rem}.form-actions{border-top:2px solid #f0f0f0;padding-top:1rem}.btn-cancel,.btn-submit{font-size:1rem;padding:.875rem 2rem}.btn-submit:hover:not(:disabled){box-shadow:0 10px 25px #667eea66}@media (max-width:768px){.new-request-form{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.available-requests-page{margin:0 auto;max-width:1400px}.page-header{text-align:center}.page-header h1{margin-bottom:.5rem}.page-header p{color:#666;font-size:1.1rem}.filters{gap:1rem;justify-content:center}.filter-btn{padding:.75rem 1.5rem}.filters-section{margin-bottom:2rem}.filters-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.btn-toggle-filters{align-items:center;background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.btn-toggle-filters.active,.btn-toggle-filters:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.filter-count{background:#fff;border-radius:10px;color:#667eea;font-size:.85rem;padding:.1rem .5rem}.btn-toggle-filters.active .filter-count{background:#ffffffe6}.btn-reset-filters{background:#f0f0f0;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s}.btn-reset-filters:hover{background:#e53e3e;color:#fff}.results-count{color:#666;font-size:.95rem;margin-left:auto}.filters-panel{animation:slideDown .3s ease;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:#333;font-size:.9rem;font-weight:600}.filter-group input{border:1px solid #e0e0e0;border-radius:8px;font-size:.95rem;padding:.75rem;transition:all .3s}.filter-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.range-inputs{align-items:center;display:flex;gap:.5rem}.range-inputs input{flex:1 1;min-width:0}.range-inputs span{color:#999;font-weight:600}.requests-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.request-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s}.request-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.card-title{display:flex;flex-direction:column;gap:.5rem}.card-title h3{color:#333;font-size:1.1rem;margin:0}.card-weight{color:#667eea;font-size:.95rem;font-weight:600;white-space:nowrap}.card-client{border-bottom:1px solid #f0f0f0;padding:.5rem 0}.offer-badge-indicator{animation:fadeIn .3s ease-in;background:#27ae60;border-radius:6px;color:#fff;font-size:.875rem;font-weight:600;padding:8px 12px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.card-route{align-items:center;background:#f7fafc;border-radius:8px;display:flex;gap:1rem;padding:1rem}.route-point{gap:.5rem}.route-icon{font-size:1.5rem}.route-point div{display:flex;flex-direction:column;gap:.25rem}.route-point strong{color:#333;font-size:.9rem}.route-point small{color:#666;font-size:.8rem}.route-arrow{font-size:1.5rem}.card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#555;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0;overflow:hidden}.card-actions{display:flex;gap:.75rem;margin-top:auto}.btn-offer,.btn-view{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;text-align:center;text-decoration:none;transition:all .3s}.btn-view{background-color:#e0e0e0;color:#333}.btn-view:hover{background-color:#d0d0d0}.btn-offer{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-offer:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.btn-offer:disabled{background:#95a5a6;cursor:not-allowed;opacity:.7}.empty-state{box-shadow:0 2px 8px #0000001a}.empty-state p{margin:0}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#333;font-size:1.5rem;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .3s;width:30px}.modal-close:hover{background:#f0f0f0;color:#333}.modal-body{padding:1.5rem}.request-summary{background:#f7fafc;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.request-summary h3{color:#667eea;font-size:1.1rem;margin:0 0 .5rem}.request-summary p{color:#555;font-size:.9rem;margin:.25rem 0}.route-summary{color:#333!important;font-weight:600}.offer-form{gap:1.25rem}.form-group,.offer-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:.95rem}.form-group input,.form-group textarea{border:2px solid #e0e0e0;font-family:inherit;padding:.75rem;transition:border-color .3s}.form-group textarea{resize:vertical}.modal-actions{display:flex;gap:.75rem;margin-top:.5rem}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:.875rem;transition:all .3s}.btn-cancel{background-color:#e0e0e0;color:#333}.btn-cancel:hover:not(:disabled){background-color:#d0d0d0}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-submit:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.requests-grid{grid-template-columns:1fr}.card-route{align-items:flex-start;flex-direction:column}.route-arrow{transform:rotate(90deg)}.card-actions{flex-direction:column}}.my-offers-page{margin:0 auto;max-width:1200px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.page-header h1{color:#333;font-size:2rem;margin:0}.header-actions{display:flex;gap:1rem}.filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.filter-btn{background:#fff;border:2px solid #e0e0e0;border-radius:25px;color:#666;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .3s}.filter-btn:hover{border-color:#667eea;color:#667eea}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.offers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.offer-item{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;color:inherit;display:flex;flex-direction:column;padding:1.25rem;text-decoration:none;transition:all .3s ease}.offer-item.clickable:hover{border-color:#667eea;box-shadow:0 8px 25px #0000001f;cursor:pointer;transform:translateY(-3px)}.offer-header{justify-content:space-between;margin-bottom:1rem}.header-badges,.offer-header{align-items:center;display:flex}.header-badges{gap:.75rem}.offer-price{background:#f0f4ff;border-radius:8px;color:#667eea;font-size:1.25rem;font-weight:700;padding:.3rem .75rem}.offer-id{color:#999;font-size:.8rem;font-weight:500}.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:.35rem .75rem}.status-badge.pending{background-color:#fef5e7;color:#d68910}.status-badge.active{background-color:#e3f2fd;color:#1565c0}.status-badge.rejected{background-color:#f8d7da;color:#721c24}.status-badge.completed{background-color:#d4edda;color:#155724}.offer-main{flex:1 1;margin-bottom:1rem}.cargo-type{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.route-preview{background:#f8f9fa;border-radius:8px;gap:.5rem;margin-bottom:.75rem;padding:.75rem}.route-point,.route-preview{align-items:center;display:flex}.route-point{flex:1 1;gap:.4rem;min-width:0}.route-icon{flex-shrink:0;font-size:1rem}.route-text{color:#555;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-arrow{color:#667eea;flex-shrink:0;font-weight:700}.offer-notes{color:#666;font-size:.85rem;line-height:1.4;margin:0}.offer-details{border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:1rem;padding-top:.75rem}.detail-item{display:flex;flex-direction:column;gap:.15rem}.detail-label{color:#999;font-size:.7rem;font-weight:600;text-transform:uppercase}.detail-item span:last-child{color:#333;font-size:.85rem;font-weight:500}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:4rem 2rem;text-align:center}.empty-state p{color:#666;font-size:1.2rem;margin-bottom:1.5rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s}.btn-primary:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column;text-align:center}.filters,.header-actions{justify-content:center}.offers-grid{grid-template-columns:1fr}.offer-header{align-items:flex-start;flex-direction:column;gap:.75rem}.route-preview{align-items:stretch;flex-direction:column}.route-arrow{text-align:center;transform:rotate(90deg)}.route-point{justify-content:center}}.profile-page{margin:0 auto;max-width:900px}.profile-header{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;gap:2rem;margin-bottom:2rem;padding:2rem;position:relative}.profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:3rem;font-weight:700;height:120px;justify-content:center;width:120px}.profile-info{flex:1 1}.profile-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.profile-name-row h1{color:#333;font-size:1.8rem;margin:0}.profile-badges{display:flex;gap:.5rem}.badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:.3rem .8rem}.badge-verified{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.badge-premium{background:linear-gradient(135deg,#f6ad55,#ed8936);color:#fff}.profile-type{color:#666;font-size:1.1rem;margin:.5rem 0}.profile-rating{align-items:center;display:flex;gap:.5rem;margin:.75rem 0}.stars-display{color:#f6ad55;font-size:1.3rem;letter-spacing:2px}.rating-number{color:#666;font-size:1rem;margin-left:.25rem}.reviews-count{color:#888;font-size:.9rem}.no-rating{color:#999;font-style:italic}.profile-location{color:#666;margin:.5rem 0}.btn-edit-profile{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;position:absolute;right:2rem;top:2rem;transition:all .3s}.btn-edit-profile:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.profile-content{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;padding:2rem}.profile-form h2{color:#333;margin-top:0}.form-group,.profile-form h2{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem;transition:all .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-actions{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.btn-cancel{background:#f0f0f0;border:none;border-radius:8px;color:#666;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.btn-cancel:hover:not(:disabled){background:#e0e0e0}.btn-save{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.btn-save:hover:not(:disabled){box-shadow:0 4px 12px #48bb7866;transform:translateY(-2px)}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6}.detail-section{margin-bottom:2rem}.detail-section:last-child{margin-bottom:0}.detail-section h3{border-bottom:2px solid #e0e0e0;color:#333;font-size:1.2rem;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.detail-section p{color:#555;line-height:1.6}.info-grid{grid-gap:1rem;display:grid;gap:1rem}.info-item{background:#f8f9fa;border-radius:8px;display:flex;gap:1rem;padding:.75rem}.info-label{color:#666;font-weight:600;min-width:120px}.info-value{color:#333}.info-value.link{color:#667eea;text-decoration:none}.info-value.link:hover{text-decoration:underline}.premium-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;margin-top:2rem;padding:1.5rem}.premium-section h3{border-bottom-color:#f59e0b}.premium-active{color:#92400e}.premium-active p{margin:.5rem 0}.premium-inactive ul{list-style:none;margin:1rem 0;padding-left:0}.premium-inactive li{color:#92400e;margin:.5rem 0}.btn-upgrade{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 2rem;transition:all .3s}.btn-upgrade:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.profile-reviews{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:2rem}@media (max-width:768px){.profile-header{align-items:center;flex-direction:column;text-align:center}.profile-name-row{justify-content:center}.btn-edit-profile{margin-top:1rem;position:static;width:100%}.profile-rating{justify-content:center}.form-row{grid-template-columns:1fr}.info-item{flex-direction:column;gap:.25rem}.info-label{min-width:auto}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{margin:0}button{font-family:inherit}.text-center{text-align:center}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.mb-2{margin-bottom:1rem}.mb-4{margin-bottom:2rem}
/*# sourceMappingURL=main.b0e913b1.css.map*/