:root{--bg: #080b11;--bg-2: #0b0f17;--bg-panel: rgba(17, 22, 30, .72);--bg-elev: #131a24;--border: #1f2937;--border-soft: rgba(120, 140, 170, .12);--text: #e8eef6;--text-dim: #8b98a8;--text-faint: #5a6675;--accent: #46b1ff;--accent-glow: rgba(70, 177, 255, .55);--cheap: #34d399;--pricey: #f6606a;--land: #131b27;--land-stroke: #243142;--grid: rgba(90, 160, 220, .06);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv11","ss01"}*{box-sizing:border-box}html,body{margin:0;height:100%;color:var(--text)}body{background:radial-gradient(1200px 800px at 18% 28%,rgba(70,177,255,.1),transparent 60%),radial-gradient(900px 700px at 85% 75%,rgba(52,211,153,.06),transparent 55%),linear-gradient(160deg,var(--bg-2),var(--bg));background-attachment:fixed}button{font:inherit;color:inherit;cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#1c2531;border-radius:6px}::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 540px;grid-template-areas:"header header" "map panel";height:100vh;width:100vw}header.topbar{grid-area:header;display:flex;align-items:center;gap:1.4rem;padding:.7rem 1.2rem;background:linear-gradient(180deg,#121821e6,#0c1016b3);border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px #46b1ff14,0 8px 24px -16px #000c;z-index:5}.topbar h1{font-size:.98rem;margin:0;font-weight:700;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:.55rem}.topbar h1 span{color:var(--accent)}.topbar .dot-live{width:8px;height:8px;border-radius:50%;background:var(--cheap);box-shadow:0 0 #34d39999;animation:ping 2.4s ease-out infinite}.spacer{flex:1}.seg{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#00000040}.seg button{padding:.32rem .95rem;background:transparent;border:0;color:var(--text-dim);transition:all .15s;letter-spacing:.02em}.seg button:hover{color:var(--text)}.seg button.active{background:linear-gradient(180deg,var(--accent),#2f93e6);color:#04121f;font-weight:700;box-shadow:0 0 16px -2px var(--accent-glow)}.freshness{font-size:.74rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.budget{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;color:var(--text-dim)}.budget input{width:74px;background:#00000040;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.3rem .45rem;font:inherit;font-size:.8rem}.budget input:focus{outline:1px solid var(--accent)}.wk-select select{background:#00000040;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.32rem .5rem;font:inherit;font-size:.78rem;cursor:pointer}.wk-select select:focus{outline:1px solid var(--accent)}.map-wrap{grid-area:map;position:relative;overflow:hidden}.map-wrap svg{width:100%;height:100%;display:block}.legend{position:absolute;left:14px;bottom:14px;font-size:.72rem;color:var(--text-dim);background:#080b11c7;border:1px solid var(--border-soft);border-radius:10px;padding:9px 12px;display:flex;flex-direction:column;gap:5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.legend .row{display:flex;align-items:center;gap:7px}.legend .swatch{width:22px;height:3px;border-radius:2px}.panel{grid-area:panel;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--bg-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-left:1px solid var(--border-soft)}.table-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.country-filter{flex:none;display:flex;flex-wrap:wrap;gap:5px;padding:8px;border-bottom:1px solid var(--border);background:var(--bg-elev);max-height:134px;overflow-y:auto}.cchip{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;padding:2px 7px;border-radius:999px;border:1px solid var(--border);background:#ffffff05;color:var(--text-dim);transition:.12s;white-space:nowrap}.cchip:hover{color:var(--text);border-color:#3a4554}.cchip.on{color:var(--text);border-color:var(--accent);background:#46b1ff1f}.cchip .cc{font-variant-numeric:tabular-nums;letter-spacing:.02em}.cchip .cn{color:var(--text-faint);font-size:.66rem}table.dest{width:100%;table-layout:auto;border-collapse:separate;border-spacing:0;font-size:.82rem}table.dest th.col-route,table.dest td.col-route{white-space:normal;width:100%}table.dest td.col-route .iata{white-space:nowrap}table.dest thead th{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#141b25,#11161d);color:var(--text-faint);text-align:right;padding:.6rem .7rem;font-weight:600;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;font-size:.67rem}table.dest thead th.l{text-align:left}table.dest thead th:hover{color:var(--text-dim)}table.dest td{padding:.45rem .55rem;text-align:right;border-bottom:1px solid var(--border-soft);white-space:nowrap;font-variant-numeric:tabular-nums}table.dest td.l{text-align:left}table.dest tbody tr{cursor:pointer;transition:background .12s}table.dest tbody tr:hover{background:#46b1ff0f}table.dest tbody tr.sel{background:#46b1ff1f;box-shadow:inset 3px 0 0 var(--accent)}.flagcell{font-size:1.05rem}.iata{color:var(--text-faint);font-size:.72rem;letter-spacing:.04em}.wkhint{font-size:.66rem;color:var(--text-faint);margin-top:1px}.city{font-weight:600}.cur{font-weight:800;font-size:.9rem}.cur.cheap{color:var(--cheap)}.cur.pricey{color:var(--pricey)}.cur.flat{color:var(--text)}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.badge{display:inline-block;font-size:.66rem;font-weight:700;padding:1px 5px;border-radius:5px;font-variant-numeric:tabular-nums;margin-left:5px}.badge.down{color:var(--cheap);background:#34d39921}.badge.up{color:var(--pricey);background:#f6606a21}.badge.flat{color:var(--text-faint);background:#ffffff0d}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060aa8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;animation:fade .15s ease}.modal{background:linear-gradient(180deg,#141b26,#0f141c);border:1px solid var(--border);border-radius:16px;width:min(900px,93vw);max-height:88vh;overflow:auto;padding:1.2rem 1.4rem;box-shadow:0 30px 80px -30px #000000e6,0 0 0 1px #46b1ff0f;animation:pop .16s ease}.modal header{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.4rem}.modal header h2{margin:0;font-size:1.1rem;font-weight:700}.modal .close{margin-left:auto;background:transparent;border:1px solid var(--border);border-radius:8px;padding:3px 10px;color:var(--text-dim);transition:.15s}.modal .close:hover{color:var(--text);border-color:var(--accent)}.chart-legend{display:flex;flex-wrap:wrap;gap:7px 14px;font-size:.72rem;margin-top:10px}.chart-legend .item{display:flex;align-items:center;gap:5px;color:var(--text-dim)}.chart-legend .dot{width:9px;height:9px;border-radius:50%}.user{font-size:.76rem;color:var(--text-dim);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reviewbtn{font-size:.74rem;color:var(--text);background:#46b1ff1f;border:1px solid var(--accent);border-radius:7px;padding:3px 9px;transition:.15s}.reviewbtn:hover{background:#46b1ff33}.logout{font-size:.74rem;color:var(--text-dim);background:transparent;border:1px solid var(--border);border-radius:7px;padding:3px 9px;transition:.15s}.logout:hover{color:var(--text);border-color:var(--accent)}@media (max-width: 920px){.app{grid-template-columns:1fr;grid-template-rows:auto 56vh auto;grid-template-areas:"header" "map" "panel";height:auto;min-height:100vh}.panel{border-left:0;border-top:1px solid var(--border)}header.topbar{flex-wrap:wrap;gap:.5rem .9rem;padding:.6rem .8rem}.freshness{order:5;flex-basis:100%}.user{max-width:130px}}@media (max-width: 520px){.app{grid-template-rows:auto 44vh auto}.topbar h1{font-size:.85rem;letter-spacing:.08em}table.dest{font-size:.78rem}table.dest td,table.dest thead th{padding:.42rem .45rem}.badge{display:none}.legend{font-size:.66rem}}@keyframes ping{0%{box-shadow:0 0 #34d39980}70%{box-shadow:0 0 0 7px #34d39900}to{box-shadow:0 0 #34d39900}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}