:root{--bg:#07111f;--panel:#0d1a2a;--panel2:#102238;--line:#1d3550;--text:#f4f7fb;--muted:#94a3b8;--blue:#1597ff;--cyan:#15c6e8;--orange:#ff7a00;--green:#30d158;--yellow:#f5c84c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#0b2038 0,#07111f 36%,#040a12 100%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:20px 16px;border-right:1px solid var(--line);background:rgba(3,10,18,.92);backdrop-filter:blur(14px)}.brand{width:100%;height:auto;margin-bottom:18px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav span{margin:18px 10px 4px;color:#6f849d;font-size:11px;font-weight:700;letter-spacing:.14em}.sidebar a{color:#cdd8e5;text-decoration:none;padding:10px 12px;border-radius:10px;font-size:14px}.sidebar a:hover,.sidebar a.active{background:#14263a;color:white}main{padding:20px 22px 30px;max-width:1700px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding:8px 2px}.topbar strong{font-size:20px}.topbar small{display:block;color:var(--muted);margin-top:5px}.status{font-size:13px;color:#dbe8f6}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green);margin-right:8px}.card,.sport{border:1px solid var(--line);background:linear-gradient(180deg,rgba(16,34,56,.94),rgba(8,20,33,.94));border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.16)}.alert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.alert{padding:16px;display:flex;flex-direction:column;gap:8px}.alert b{text-transform:uppercase;font-size:12px;letter-spacing:.05em}.alert span{font-size:14px}.alert small{color:var(--muted)}.alert.ok{border-color:rgba(48,209,88,.25)}.alert.ok b{color:var(--green)}.alert.warn{border-color:rgba(245,200,76,.35)}.alert.warn b{color:var(--yellow)}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr 1.3fr;gap:14px;margin-bottom:20px}.dashboard-grid .card{padding:18px;min-height:255px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:#a9bfd4}.temperature{font-size:58px;font-weight:700;letter-spacing:-.05em;margin-top:20px}.muted{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}.metrics span{color:var(--muted);font-size:12px}.metrics b{display:block;color:#fff;font-size:15px;margin-top:4px}.forecast h2{font-size:36px;margin:28px 0 8px}.forecast p{color:#b8c7d8;line-height:1.6}.confidence{display:inline-block;margin-top:18px;padding:7px 10px;border-radius:8px;background:rgba(48,209,88,.12);color:var(--green);font-size:11px;text-transform:uppercase}.map-placeholder{height:195px;margin-top:15px;border-radius:12px;background:radial-gradient(circle at 65% 45%,rgba(21,198,232,.25),transparent 13%),linear-gradient(140deg,#143556,#0b2037 55%,#082134);position:relative;overflow:hidden;border:1px solid #264766}.map-placeholder:before,.map-placeholder:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;width:230px;height:230px;left:38%;top:-40px}.map-placeholder:after{width:330px;height:330px;left:25%;top:-85px}.map-placeholder span{position:absolute;left:15px;bottom:14px;font-size:12px;color:#b8d8ec}.pulse{position:absolute;left:66%;top:44%;width:12px;height:12px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 14px rgba(255,122,0,.1),0 0 28px rgba(255,122,0,.6)}.section-title{display:flex;align-items:end;justify-content:space-between;margin:10px 2px 12px}.section-title h2{margin:5px 0 0;font-size:22px}.section-title small{color:var(--muted)}.sport-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.sport{padding:15px;display:flex;flex-direction:column;gap:7px}.sport b{font-size:13px}.sport strong{font-size:32px;color:var(--green)}.sport span{color:#c9f3d2;font-size:13px}.sport small{color:var(--muted);line-height:1.4}.real-sport{border-color:rgba(255,122,0,.45);background:linear-gradient(180deg,rgba(51,33,18,.92),rgba(17,22,31,.96))}.real-sport strong{color:var(--orange)}.real-badge,.demo-badge{display:inline-flex;align-items:center;border-radius:999px;font-size:9px;letter-spacing:.08em;font-weight:800;padding:4px 7px;margin-left:6px;vertical-align:middle}.real-badge{color:#ffd8b3;border:1px solid rgba(255,122,0,.42);background:rgba(255,122,0,.12)}.demo-badge{color:#91a5bb;border:1px solid rgba(148,163,184,.2);background:rgba(148,163,184,.08)}.fire-section{margin:0 0 18px}.fire-card{padding:18px;border-color:rgba(255,122,0,.34);background:linear-gradient(135deg,rgba(46,27,14,.75),rgba(11,26,43,.96) 46%,rgba(8,20,33,.96))}.fire-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.fire-title-row h2{margin:6px 0 0;font-size:22px}.fire-overview{display:grid;grid-template-columns:.7fr 1.4fr 1fr;gap:14px;margin-bottom:14px}.fire-primary,.fire-highlight,.fire-metrics{border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(5,13,22,.38);padding:14px}.fire-primary{display:flex;flex-direction:column;justify-content:center}.fire-primary strong{font-size:52px;line-height:1;color:var(--orange)}.fire-primary span{margin-top:8px;color:#b6c6d6;font-size:12px}.fire-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fire-metrics span{color:var(--muted);font-size:11px}.fire-metrics b{display:block;color:#fff;font-size:20px;margin-top:5px}.fire-highlight{display:flex;flex-direction:column;gap:6px}.fire-highlight small{color:var(--muted)}.fire-highlight b{font-size:15px}.fire-highlight span{color:var(--orange);font-size:23px;font-weight:800}.fire-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fire-event-item{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(5,13,22,.44)}.fire-event-header{display:flex;flex-direction:column;gap:5px;margin-bottom:9px}.fire-event-header b{font-size:13px}.fire-event-header span{font-size:10px;color:var(--muted)}.fire-event-metrics{display:flex;flex-wrap:wrap;gap:5px}.fire-event-metrics span{font-size:10px;padding:5px 6px;border-radius:6px;background:rgba(255,255,255,.05);color:#bdcada}.fire-empty{padding:18px;color:var(--muted);grid-column:1/-1;border:1px dashed rgba(255,255,255,.12);border-radius:10px;text-align:center}.fire-footer{display:flex;justify-content:space-between;gap:16px;margin-top:12px;color:#71869d;font-size:10px}.lower-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.lower-grid .card{padding:16px;min-height:180px}table{width:100%;border-collapse:collapse;margin-top:12px}td{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;color:#c6d4e3}td:last-child{text-align:right;color:#fff}.aqi{font-size:58px;font-weight:700;color:var(--green);margin-top:20px}.lower-grid p{color:#cbd8e6}.lower-grid small{color:var(--muted)}footer{padding:26px 2px 4px;color:#60758d;font-size:12px;text-align:center}@media(max-width:1250px){.fire-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{display:none}.brand{max-width:420px}.alert-grid,.dashboard-grid,.sport-grid,.lower-grid{grid-template-columns:repeat(2,1fr)}.fire-overview{grid-template-columns:1fr 1fr}.fire-highlight{grid-column:1/-1}}@media(max-width:700px){main{padding:14px}.topbar{align-items:flex-start;gap:14px;flex-direction:column}.alert-grid,.dashboard-grid,.sport-grid,.lower-grid,.fire-overview,.fire-list{grid-template-columns:1fr}.dashboard-grid .card{min-height:auto}.metrics{grid-template-columns:1fr 1fr}.fire-title-row,.fire-footer{flex-direction:column}.fire-highlight{grid-column:auto}}

.sidebar .technical-link{display:flex;align-items:center;justify-content:space-between}.sidebar .technical-link small{font-size:9px;color:var(--orange);text-transform:uppercase;letter-spacing:.08em}.sport-link{text-decoration:none;color:inherit;position:relative;transition:transform .18s ease,border-color .18s ease}.sport-link:hover{transform:translateY(-2px);border-color:rgba(255,122,0,.75)}.sport-link em{font-style:normal;font-size:10px;color:#f4aa68;margin-top:3px}.technical-section{scroll-margin-top:18px;margin:30px 0 22px;padding:22px;border:1px solid rgba(21,151,255,.18);border-radius:22px;background:linear-gradient(145deg,rgba(8,25,42,.9),rgba(4,13,23,.96));box-shadow:0 24px 60px rgba(0,0,0,.2)}.technical-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:18px}.technical-heading h2{font-size:38px;margin:7px 0 6px;letter-spacing:-.03em}.technical-heading p{max-width:850px;color:#aabbd0;line-height:1.6;margin:0}.back-link{color:#a9c8e8;text-decoration:none;border:1px solid rgba(169,200,232,.18);padding:9px 12px;border-radius:9px;font-size:12px;white-space:nowrap}.back-link:hover{background:rgba(255,255,255,.05)}.technical-hero-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:14px;margin-bottom:14px}.technical-hero-grid .card{padding:20px}.technical-verdict{border-color:rgba(255,122,0,.3);background:linear-gradient(145deg,rgba(48,29,16,.72),rgba(8,22,36,.95) 55%)}.partial-badge,.pending-badge{display:inline-flex;align-items:center;margin-top:18px;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.08em}.partial-badge{color:#ffd29e;background:rgba(255,122,0,.12);border:1px solid rgba(255,122,0,.3)}.pending-badge{color:#9fb2c8;background:rgba(148,163,184,.08);border:1px solid rgba(148,163,184,.18)}.technical-verdict h3{font-size:28px;margin:12px 0 6px}.technical-verdict p,.technical-location p{color:#aebfd1;line-height:1.55}.technical-confidence{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:22px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}.technical-confidence span{font-size:11px;color:var(--muted)}.technical-confidence b{font-size:28px;color:var(--orange)}.technical-location h3{font-size:27px;margin:18px 0 4px}.location-placeholder{display:flex;flex-direction:column;gap:5px;margin-top:18px;padding:12px;border-radius:10px;border:1px dashed rgba(21,151,255,.28);background:rgba(21,151,255,.05)}.location-placeholder b{font-size:11px;color:#8bc8ff;text-transform:uppercase;letter-spacing:.08em}.location-placeholder span{font-size:11px;color:#8fa6be;line-height:1.5}.technical-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:14px}.technical-domain{padding:18px}.technical-domain-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.technical-domain-title>div{display:flex;align-items:center;gap:9px}.technical-domain-title b{font-size:15px}.domain-icon{font-size:18px}.live-domain{border-color:rgba(255,122,0,.28)}.pending-domain{opacity:.86}.technical-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.technical-metrics span{min-height:63px;padding:10px;border-radius:9px;background:rgba(255,255,255,.035);color:var(--muted);font-size:10px}.technical-metrics b{display:block;margin-top:6px;color:#f5f8fb;font-size:15px}.muted-metrics b{color:#71879e}.technical-domain>small{color:#71879e;line-height:1.5}.technical-explain-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:14px;margin-bottom:14px}.why-card,.source-card{padding:18px}.why-card h3,.source-card h3,.trekking-events-card h3{font-size:18px;margin:7px 0 14px}.why-card ul{margin:0;padding-left:20px;color:#c5d3e1}.why-card li{margin:0 0 9px;line-height:1.5}.non-final-warning{margin-top:16px;padding:12px 13px;border-left:3px solid var(--yellow);border-radius:7px;background:rgba(245,200,76,.07);color:#d9cf9c;font-size:11px;line-height:1.5}.source-list{display:flex;flex-direction:column;gap:10px}.source-list>div{display:grid;grid-template-columns:12px 1fr;column-gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.source-list>div:last-child{border-bottom:0}.source-list b{font-size:12px}.source-list small{grid-column:2;color:#7990a8;margin-top:3px}.source-dot{width:8px;height:8px;border-radius:50%}.source-dot.online{background:var(--green);box-shadow:0 0 10px rgba(48,209,88,.4)}.source-dot.staged{background:var(--yellow)}.source-dot.waiting{background:#536a82}.trekking-events-card{padding:18px}.snapshot-label{font-size:10px;color:#7f96ad}.trekking-event-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.trekking-event-item{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(4,13,22,.55)}.trekking-event-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px}.trekking-event-top>div{display:flex;flex-direction:column;gap:3px}.trekking-event-top b{font-size:13px}.trekking-event-top small{font-size:9px;color:#667e97}.trekking-event-top>span{font-size:10px;color:var(--orange);white-space:nowrap}.trekking-event-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.trekking-event-grid>span{padding:7px;border-radius:7px;background:rgba(255,255,255,.03)}.trekking-event-grid small{display:block;color:#6f879f;font-size:9px}.trekking-event-grid b{display:block;margin-top:4px;font-size:11px;color:#dbe7f2}
@media(max-width:1250px){.technical-grid,.technical-explain-grid{grid-template-columns:1fr}.trekking-event-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.technical-hero-grid{grid-template-columns:1fr}.technical-heading{flex-direction:column}.technical-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.technical-section{padding:14px;margin-left:-2px;margin-right:-2px}.technical-heading h2{font-size:30px}.technical-metrics,.trekking-event-list{grid-template-columns:1fr}.back-link{align-self:flex-start}}