:root{color:#16213d;background:#eef3f8;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#edf4fa 0%,#f8fafc 55%,#e8f1f6 100%);min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:9px}.shell{max-width:1100px;margin:auto;padding:64px 24px}.eyebrow{color:#087c7c;letter-spacing:.16em;margin:0 0 8px;font-size:12px;font-weight:800}h1{color:#102345;margin:0;font-family:Georgia,serif;font-size:clamp(36px,6vw,64px)}.intro{color:#5a6780;font-size:18px}.booking-card{background:#ffffffeb;border:1px solid #dce5ec;border-radius:18px;margin-top:36px;padding:28px;box-shadow:0 20px 55px #182b481a}form{grid-template-columns:1fr auto 1fr 1.2fr 1.2fr auto;align-items:end;gap:14px;display:grid}label{color:#5d6880;letter-spacing:.07em;text-transform:uppercase;gap:8px;font-size:12px;font-weight:800;display:grid}input,select{color:#132442;background:#fff;border:1px solid #cbd7e1;border-radius:9px;width:100%;padding:13px 14px}.primary{color:#fff;white-space:nowrap;background:#087c7c;padding:14px 20px;font-weight:800}.primary:hover,.select-flight:hover{background:#056969}.swap{color:#087c7c;background:#e8f4f4;width:45px;height:45px;font-size:20px}.note{color:#6e788c;margin:16px 0 0;font-size:13px}.selection{background:#dff5ed;border-left:4px solid #087c7c;border-radius:8px;margin-top:20px;padding:18px 22px}.backdrop{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0714278c;place-items:center;padding:15px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(760px,100%);max-height:86vh;overflow:auto;box-shadow:0 28px 100px #04142752}.dialog-head{border-bottom:1px solid #e5eaf0;justify-content:space-between;align-items:flex-start;padding:26px 28px 18px;display:flex}.dialog-head h2{margin:0;font:32px Georgia,serif}.close{color:#6a7383;background:0 0;font-size:28px}.filters{flex-wrap:wrap;gap:8px;padding:18px 28px 8px;display:flex}.filters button{color:#526076;background:#edf1f5;padding:8px 13px}.filters button.active{color:#fff;background:#102f53}.status{color:#6b7586;padding:0 28px;font-size:13px}.status.error{color:#a33a35}.results{padding:0 28px 28px}.flight-card{border:1px solid #dce4eb;border-radius:12px;margin-top:12px;padding:20px;position:relative}.flight-top,.route,.details{justify-content:space-between;gap:16px;display:flex}.flight-top div{gap:4px;display:grid}.flight-top span{color:#69768a}.badge{text-transform:uppercase;background:#edf1f5;border-radius:999px;height:fit-content;padding:5px 9px;font-size:11px;font-weight:800}.badge.freighter{color:#905a00;background:#fff0c8}.badge.passenger_belly{color:#087c7c;background:#dff5ed}.route{color:#617087;align-items:center;margin:18px 0}.route strong{color:#132442;gap:8px;font-size:18px;display:flex}.details{color:#6b7586;padding-right:90px;font-size:12px}.select-flight{color:#fff;background:#087c7c;padding:8px 14px;font-weight:700;position:absolute;bottom:15px;right:20px}.empty{text-align:center;color:#6b7586;background:#f5f7f9;border-radius:10px;padding:28px}@media (max-width:850px){form{grid-template-columns:1fr 44px 1fr}form label:nth-of-type(3),form label:nth-of-type(4),.primary{grid-column:1/-1}}@media (max-width:560px){.shell{padding:36px 16px}.booking-card{padding:20px}.route{font-size:11px}.route strong,.details{display:grid}}
