*{box-sizing:border-box}body{margin:0;background:#090c11;color:#f4f6f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wrap{max-width:1250px;margin:auto;padding:34px 18px 60px}header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.eyebrow{font-size:11px;letter-spacing:.17em;opacity:.55}h1{font-size:54px;line-height:1;margin:8px 0}.sub{margin:0;opacity:.65}.live{border:1px solid #27313c;border-radius:999px;padding:9px 13px;color:#aeb8c4;font-size:13px}.live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#38d27b;margin-right:7px}.panel{background:#11161e;border:1px solid #232c36;border-radius:15px}.top{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden}.top>div{padding:15px;background:#11161e}.top span{display:block;font-size:11px;opacity:.5;margin-bottom:5px}.top strong{font-size:14px}.alert{margin-top:15px;padding:14px 16px;background:#39280f;border:1px solid #76551e;border-radius:12px;color:#ffe1aa}.hidden{display:none}.legend{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0;font-size:12px;opacity:.8}.green{color:#52db8d}.yellow{color:#f1c34b}.red{color:#f06a6a}.gray{color:#a2abb6}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:12px}.card{background:#11161e;border:1px solid #252e38;border-left:5px solid #68727e;border-radius:14px;padding:16px}.card.scheduled,.card.on_time{border-left-color:#3bd07d}.card.delayed{border-left-color:#e8bd43}.card.cancelled{border-left-color:#e45b5b}.card.diverted{border-left-color:#f28b42}.card.highlight{box-shadow:inset 0 0 0 1px #fff}.date{font-weight:700}.date small{display:block;font-weight:400;font-size:10px;opacity:.45;margin-top:3px}.route{display:flex;justify-content:center;gap:20px;align-items:center;font-size:20px;margin:17px 0}.route span{opacity:.35}.times{display:grid;grid-template-columns:1fr 1fr;gap:10px}.times small{display:block;font-size:9px;opacity:.45}.times b{font-size:24px}.status{font-weight:700;margin-top:15px}.status small{font-weight:500;opacity:.65;margin-left:7px}.meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.meta em{font-style:normal;font-size:10px;opacity:.45}footer{display:flex;justify-content:space-between;gap:10px;margin-top:18px;font-size:11px;opacity:.45}@media(max-width:700px){header{display:block}.live{display:inline-block;margin-top:15px}.top{grid-template-columns:1fr 1fr}h1{font-size:44px}footer{display:block}footer span{display:block;margin-top:6px}}

.top-actions{display:flex;align-items:center;gap:10px}
.language{display:flex;gap:4px;padding:4px;background:#121720;border:1px solid #27313e;border-radius:999px}
.language button{border:0;background:transparent;color:#8d99a7;border-radius:999px;padding:7px 10px;font-weight:700;font-size:11px;cursor:pointer}
.language button:hover,.language button.active{background:#26313e;color:#fff}
.legend{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 16px 4px;color:#9ba6b3;font-size:12px}
.legend span{display:flex;align-items:center;gap:6px}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.dot.green{background:#37c978}.dot.yellow{background:#e4b43b}.dot.red{background:#e25555}.dot.gray{background:#697583}
@media(max-width:650px){.top-actions{display:block}.language{display:inline-flex;margin-top:10px}.legend{gap:9px}}

.empty{grid-column:1/-1;padding:28px;text-align:center;color:#9ba6b3;background:#11161e;border:1px solid #252e38;border-radius:14px}.delay{font-size:12px;opacity:.75;margin-top:4px}

.clocks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 12px}
.clock-card{background:#11161e;border:1px solid #252e38;border-radius:14px;padding:14px 16px}
.clock-card.thailand{border-color:#34404d}
.clock-label{font-size:11px;color:#9ba6b3;letter-spacing:.04em}
.clock-time{font-size:28px;font-weight:750;line-height:1.15;margin-top:5px;font-variant-numeric:tabular-nums}
.clock-date{font-size:11px;color:#7f8b98;margin-top:3px}
.timezone-note{font-size:10px;color:#778391;margin:0 0 18px 2px}
@media(max-width:650px){.clocks{grid-template-columns:1fr 1fr}.clock-time{font-size:23px}}
@media(max-width:430px){.clocks{grid-template-columns:1fr}.clock-time{font-size:28px}}

.nalin-local{display:block;font-size:10px;color:#8f9aa8;margin-top:3px;line-height:1.3}.times>div:first-child .nalin-local{color:#7fbe9a}@media(max-width:650px){.nalin-local{font-size:9px}}