.routes-directory-view{min-height:75vh;background:radial-gradient(circle at top center,#10233eb8,#050a14 58%);color:var(--text-primary, #f8fafc);padding:5.5rem 1.5rem 4rem}.routes-directory-inner{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:2.75rem}.routes-directory-header{background:#0b1424db;border:1px solid rgba(56,189,248,.25);border-radius:14px;padding:2rem;display:flex;flex-direction:column;gap:1rem}.routes-directory-nav-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem}.routes-directory-back-link{display:inline-flex;align-items:center;gap:.4rem;color:#7dd3fc;text-decoration:none;font-weight:600;font-size:.9rem}.routes-directory-back-link:hover{text-decoration:underline;color:#bae6fd}.routes-directory-stats-pill{font-family:var(--font-mono);font-size:.78rem;font-weight:600;letter-spacing:.05em;color:#e2b357;background:#e2b3571f;border:1px solid rgba(226,179,87,.3);border-radius:999px;padding:.35rem .8rem}.routes-directory-title{margin:0;font-size:clamp(1.55rem,3vw,2.2rem);font-weight:700;letter-spacing:-.01em;color:#f8fafc}.routes-directory-subtitle{margin:0;color:var(--text-secondary, #cbd5e1);line-height:1.65;max-width:72ch}.routes-directory-search-row{margin-top:.25rem}.routes-directory-filter-input{width:100%;max-width:520px;padding:.7rem 1rem;border-radius:8px;border:1px solid rgba(120,165,215,.3);background:#050a14d9;color:#f8fafc;font-size:.95rem}.routes-directory-filter-input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf840}.routes-directory-section-title{font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#f1f5f9;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(120,165,215,.2)}.routes-directory-hubs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:.75rem}.routes-directory-hub-card{display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem;background:#0c1626cc;border:1px solid rgba(120,165,215,.2);border-radius:8px;text-decoration:none;color:inherit;transition:border-color .16s ease,transform .16s ease}.routes-directory-hub-card:hover{border-color:#38bdf8;transform:translateY(-1px)}.dir-hub-iata{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:#e2b357;background:#e2b3571f;border:1px solid rgba(226,179,87,.3);border-radius:5px;padding:.25rem .45rem;flex-shrink:0}.dir-hub-meta{display:flex;flex-direction:column;min-width:0}.dir-hub-city{font-size:.88rem;font-weight:600;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dir-hub-country{font-size:.75rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.routes-directory-corridors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:.9rem}.routes-directory-pair-card{background:#0c1626c2;border:1px solid rgba(120,165,215,.2);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.55rem}.dir-pair-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.dir-pair-title{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:#f8fafc}.dir-pair-dist{font-family:var(--font-mono);font-size:.78rem;color:#7dd3fc}.dir-pair-desc{margin:0;font-size:.84rem;color:#94a3b8;line-height:1.45}.dir-pair-links{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:auto;padding-top:.4rem}.dir-route-link{display:flex;justify-content:space-between;align-items:center;gap:.35rem;padding:.45rem .65rem;border-radius:6px;background:#38bdf81a;border:1px solid rgba(56,189,248,.26);color:#bae6fd;text-decoration:none;font-family:var(--font-mono);font-size:.78rem;font-weight:600}.dir-route-link:hover{background:#38bdf838;border-color:#38bdf8}.dir-route-time{font-weight:500;color:#cbd5e1;font-size:.72rem}