body{font-family:Cairo,sans-serif;background-color:#f4f6f8;color:#111}.brand{font-weight:800;font-size:2rem;color:#004b6f}.section-title{font-size:2.6rem;font-weight:700}.rounded-img{border-radius:12px}.section{margin:80px 0!important}header{z-index:1030}.select2-container--bootstrap-5 .select2-selection--single{height:42px;padding:.5rem 1rem;font-size:1rem;border:1px solid #ced4da;border-radius:4px;text-align:right;background-color:#fff!important}.transport-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d;transition:transform .2s,box-shadow .2s}.transport-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.route-line{height:4px;background:#007a8c;position:relative;margin:15px 0}.route-station{width:14px;height:14px;background:white;border:3px solid #007a8c;border-radius:50%;position:absolute;top:-5px}.route-start{right:0}.route-end{left:0}.search-history-item{background-color:#f0f4f7;border-radius:8px;transition:background-color .2s}.search-history-item:hover{background-color:#e4e9ed;cursor:pointer}.bookmark-btn{color:#adb5bd;transition:color .2s}.bookmark-btn:hover,.bookmark-btn.active{color:#ffc107}.station-tag{background-color:#e7f3f5;color:#007a8c;border-radius:20px;padding:.25rem .75rem;display:inline-block;margin:.25rem;font-size:.9rem}.transport-type-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f0f4f7;margin-right:10px}.filter-btn{background-color:#fff;color:#555;border:1px solid #ddd;border-radius:8px;padding:8px 15px;margin-right:10px;font-size:.9rem;transition:all .2s}.filter-btn:hover,.filter-btn.active{background-color:#007a8c;color:#fff;border-color:#007a8c}.page-hero{background-color:#004b6f;color:#fff;padding:40px 0;margin-bottom:40px}#addRouteModal .step-item{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}#addRouteModal .step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s ease}#addRouteModal .step-item.active .step-circle{background-color:#007a8c!important;color:#fff;box-shadow:0 0 0 3px #007a8c33}#addRouteModal .step-item.completed .step-circle{background-color:#28a745!important;color:#fff}#addRouteModal .step-connector{height:2px;background-color:#dee2e6;width:60px}#addRouteModal .journey-line{width:2px;height:70px;background-color:#dee2e6;position:relative}#addRouteModal .start-point,.end-point{width:10px;height:10px;border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}#addRouteModal .start-point{top:0}#addRouteModal .end-point{bottom:0}#addRouteModal .journey-connector{width:2px;height:100%;background-color:#6c757d;position:absolute;left:50%;transform:translate(-50%)}#addRouteModal .route-step{transition:all .3s ease;border-radius:8px;overflow:hidden;border:1px solid #dee2e6}#addRouteModal .route-step:hover{box-shadow:0 3px 10px #0000001a}#addRouteModal .route-step .card-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;padding:.75rem 1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#addRouteModal .route-step-new{animation:fadeIn .3s ease-out}#addRouteModal .route-summary{background-color:#f8f9fa;border-radius:8px}#addRouteModal .summary-step{padding:.5rem 0;border-bottom:1px dashed #dee2e6}#addRouteModal .summary-step:last-child{border-bottom:none}.journey-line{width:2px;height:100%;background-color:#dee2e6}.start-point,.end-point{width:10px;height:10px;border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.start-point{background-color:#6c757d;top:0}.end-point{background-color:#6c757d;bottom:0}.journey-connector{width:2px;height:100%;background-color:#6c757d;position:absolute;left:50%;transform:translate(-50%)}.stations-line{width:2px;height:80px;background-color:#e9ecef}.station-point{width:8px;height:8px;border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.station-point.start{background-color:#6c757d;top:0}.station-point.end{background-color:#6c757d;bottom:0}.station-connector{width:2px;height:100%;background-color:#adb5bd;position:absolute;left:50%;transform:translate(-50%)}.badge{font-weight:400}.bi-minibus:before{content:""}.not-found-container{text-align:center;padding:3rem 1rem}.not-found-icon{font-size:4rem;color:#6c757d;margin-bottom:1rem}