:root{--bg:#081019;--bg2:#0b1723;--panel:#0e1c2a;--panel2:#112334;--line:#ffffff14;--text:#eff6fb;--muted:#8294a6;--accent:#56e6c2;--accent2:#5da9ff;--warn:#f4c95d;--bad:#ff718b}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 12% -10%,#25749038,transparent 35%),radial-gradient(circle at 90% 10%,#22638f24,transparent 30%),var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{max-width:1480px;margin:0 auto;padding:0 32px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:88px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brandMark{width:40px;height:40px;color:var(--accent);border:1px solid #56e6c280;border-radius:12px;place-items:center;font-size:11px;font-weight:900;display:grid;box-shadow:inset 0 0 30px #56e6c214}.brand strong{letter-spacing:.13em;font-size:14px}.brand span{color:var(--muted);margin-top:2px;font-size:11px;display:block}.topActions{align-items:center;gap:16px;display:flex}.liveDot{color:#a8b8c7;font-size:12px}.liveDot i{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 5px #56e6c214}.refreshBtn{border:1px solid var(--line);color:#d8e5ef;cursor:pointer;background:#ffffff08;border-radius:10px;padding:10px 14px}.hero{justify-content:space-between;align-items:flex-end;gap:40px;padding:60px 0 38px;display:flex}.eyebrow,.label{letter-spacing:.18em;color:var(--accent);font-size:10px;font-weight:800}.hero h1{letter-spacing:-.045em;max-width:760px;margin:13px 0 16px;font-size:48px;line-height:1.03}.hero h1 em{color:#91a3b3;font-style:normal}.hero p{max-width:660px;color:var(--muted);margin:0;font-size:15px;line-height:1.6}.clockCard{border:1px solid var(--line);background:#0d1e2c99;border-radius:16px;min-width:265px;padding:20px 22px}.clockCard span{letter-spacing:.14em;color:var(--muted);font-size:9px}.clockCard strong{margin:6px 0 3px;font-size:28px;display:block}.clockCard small{color:#6e8193;font-size:11px}.airportTabs{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px;display:grid}.airportTabs button{border:1px solid var(--line);color:var(--text);text-align:left;cursor:pointer;background:#ffffff06;border-radius:13px;padding:14px 16px;transition:all .2s}.airportTabs button:hover{background:#ffffff0b}.airportTabs button.active{background:linear-gradient(135deg,#56e6c21c,#5da9ff0a);border-color:#56e6c261}.airportTabs strong{font-size:13px}.airportTabs span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.gridMain{grid-template-columns:minmax(0,1.35fr) minmax(390px,.65fr);gap:18px;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(#102232eb,#0b1a27f5);border-radius:18px;padding:22px;box-shadow:0 24px 80px #00000024}.panelHead{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panelHead h2{letter-spacing:-.02em;margin:6px 0 0;font-size:21px}.panelHead h2 b{letter-spacing:.1em;color:var(--muted);border:1px solid var(--line);vertical-align:middle;border-radius:6px;margin-left:6px;padding:5px 7px;font-size:10px}.condition{letter-spacing:.06em;border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;font-weight:800;display:flex}.condition i{border-radius:50%;width:7px;height:7px}.condition.good{color:var(--accent);background:#56e6c214}.condition.good i{background:var(--accent)}.condition.warn{color:var(--warn);background:#f4c95d14}.condition.warn i{background:var(--warn)}.condition.bad{color:var(--bad);background:#ff718b14}.condition.bad i{background:var(--bad)}.condition.neutral{color:var(--muted)}.condition.neutral i{background:var(--muted)}.demoBanner{color:#d8bd70;letter-spacing:.08em;background:#f4c95d12;border:1px dashed #f4c95d2e;border-radius:9px;margin:16px 0 0;padding:8px 10px;font-size:9px;font-weight:800}.weatherHero{align-items:center;gap:20px;padding:26px 0 20px;display:flex}.temp{letter-spacing:-.05em;font-size:52px;font-weight:700}.weatherHero strong{font-size:15px;display:block}.weatherHero span{color:var(--muted);margin-top:5px;font-size:12px;display:block}.statsGrid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stat{border:1px solid var(--line);background:#ffffff05;border-radius:12px;align-items:center;gap:11px;padding:13px;display:flex}.statIcon{color:#8dc0fa;background:#5da9ff14;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.stat span:not(.statIcon){color:var(--muted);margin-bottom:4px;font-size:9px;display:block}.stat strong{font-size:11px;line-height:1.25}.rawBlock{border-top:1px solid var(--line);grid-template-columns:70px 1fr;gap:12px;margin-top:15px;padding-top:15px;display:grid}.rawBlock>div span{color:var(--accent);font-size:11px;font-weight:800}.rawBlock>div small{color:var(--muted);margin-top:2px;font-size:8px;display:block}.rawBlock code{white-space:pre-wrap;color:#dbe8f2;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.55}.rawBlock.taf>div span{color:var(--accent2)}.sourceLine{border-top:1px solid var(--line);color:#667c8e;justify-content:space-between;gap:14px;margin-top:17px;padding-top:13px;font-size:9px;display:flex}.count{border:1px solid var(--line);min-width:34px;height:34px;color:var(--accent);border-radius:10px;place-items:center;font-size:12px;display:grid}.flightList{margin-top:14px}.flight{border-bottom:1px solid var(--line);grid-template-columns:54px 1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.flightTime{font-size:15px;font-weight:800}.flightRoute strong{font-size:11px}.flightRoute strong span{color:#50677a;margin:0 2px}.flightRoute small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.flightStatus{letter-spacing:.07em;color:var(--accent);background:#56e6c212;border-radius:6px;padding:6px 7px;font-size:8px;font-weight:900}.flightStatus.warn{color:var(--warn);background:#f4c95d14}.emptyFlights{text-align:center;padding:46px 15px}.emptyFlights span{font-size:34px}.emptyFlights strong{margin:12px 0 7px;display:block}.emptyFlights p{color:var(--muted);font-size:11px;line-height:1.6}.statusPanel{margin-top:18px}.integrationGrid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.integration{border:1px solid var(--line);background:#ffffff05;border-radius:12px;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:13px;display:grid}.integrationIcon{border:1px solid var(--line);color:#9db1c3;border-radius:9px;place-items:center;width:36px;height:36px;font-size:9px;font-weight:900;display:grid}.integration strong{font-size:11px}.integration small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.integration b{letter-spacing:.06em;border-radius:6px;padding:5px 7px;font-size:8px}.integration .ready{color:var(--accent);background:#56e6c214}.integration .pending{color:var(--warn);background:#f4c95d14}.integration .later{color:#8cbcff;background:#5da9ff14}.loadingPanel{grid-template-columns:repeat(2,1fr);gap:12px;padding:28px 0;display:grid}.loadingPanel div{background:linear-gradient(90deg,#ffffff05,#ffffff0f,#ffffff05) 0 0/200% 100%;border-radius:12px;height:90px;animation:1.3s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.errorBox{background:#ff718b0f;border:1px solid #ff718b33;border-radius:12px;align-items:center;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.errorBox strong{font-size:12px}.errorBox span{color:#d493a0;flex:1;font-size:10px}.errorBox button{color:#ffd1d9;cursor:pointer;background:0 0;border:1px solid #ff718b4d;border-radius:7px;padding:7px 9px}footer{color:#536779;letter-spacing:.05em;justify-content:space-between;padding:34px 0 40px;font-size:9px;display:flex}footer p{letter-spacing:0;margin:0}@media (max-width:1000px){.gridMain{grid-template-columns:1fr}.statsGrid{grid-template-columns:repeat(2,1fr)}.integrationGrid{grid-template-columns:1fr}.hero h1{font-size:40px}}@media (max-width:760px){.shell{padding:0 16px}.topbar{height:76px}.liveDot{display:none}.hero{padding:38px 0 28px;display:block}.hero h1{font-size:36px}.clockCard{min-width:0;margin-top:24px}.airportTabs{grid-template-columns:repeat(2,1fr);overflow:auto}.airportTabs button:last-child{grid-column:span 2}.gridMain{display:block}.flightsPanel{margin-top:16px}.statsGrid{grid-template-columns:1fr 1fr}.rawBlock{grid-template-columns:1fr}.sourceLine{display:block}.sourceLine span{margin-top:3px;display:block}.integration{grid-template-columns:36px 1fr}.integration b{grid-column:2;width:max-content}.topActions{gap:8px}footer{line-height:1.7;display:block}}
