:root{--nac-bg:#041421;--nac-card:#082033;--nac-line:rgba(78,200,245,.20);--nac-cyan:#49ddff;--nac-green:#49e5a7;--nac-yellow:#ffc94a;--nac-orange:#ff932e;--nac-red:#ff6878;--nac-muted:#8da6b8}
.nac-hero{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;margin-bottom:1.25rem}.nac-hero h1{font-size:2.25rem;font-weight:900;letter-spacing:-.035em;margin:.2rem 0}.nac-hero p{color:var(--nac-muted);max-width:850px}.nac-back{border:1px solid var(--nac-line);border-radius:999px;padding:.6rem .9rem;color:#cfefff;text-decoration:none;white-space:nowrap}
.nac-tabs{display:flex;gap:.45rem;overflow-x:auto;padding:.35rem 0 .8rem;margin-bottom:.5rem;scrollbar-width:none}.nac-tabs button{border:1px solid var(--nac-line);background:rgba(7,31,48,.72);color:#91adbf;border-radius:999px;padding:.55rem .85rem;font-size:.75rem;font-weight:800;white-space:nowrap}.nac-tabs button.is-active{color:#021018;background:var(--nac-cyan);border-color:var(--nac-cyan)}
.nac-status{color:#7793a5;font-size:.75rem;margin:.5rem 0 1rem}.nac-panel{display:none}.nac-panel.is-active{display:block}.nac-current-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:.75rem}.nac-current-card,.nac-card{border:1px solid var(--nac-line);border-radius:16px;background:linear-gradient(145deg,rgba(8,35,53,.96),rgba(4,22,35,.92));box-shadow:0 18px 50px rgba(0,0,0,.18)}.nac-current-card{padding:1rem}.nac-current-head{display:flex;justify-content:space-between;gap:.6rem}.nac-current-head h2{font-size:1rem;font-weight:900}.nac-live{color:var(--nac-green);font-size:.65rem;font-weight:900}.nac-current-temp{font-size:2rem;font-weight:900;color:var(--nac-green);margin:.4rem 0}.nac-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.nac-metric{background:rgba(0,12,22,.30);border-radius:10px;padding:.5rem}.nac-metric span{display:block;color:#708b9d;font-size:.58rem;text-transform:uppercase}.nac-metric b{display:block;margin-top:.12rem;font-size:.8rem}
.nac-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.nac-card{padding:1rem}.nac-card-title{font-size:.78rem;font-weight:900;margin-bottom:.7rem;color:#e6f8ff}.nac-ranking{display:grid;grid-template-columns:1fr auto;gap:.25rem .6rem;padding:.42rem 0;border-bottom:1px solid rgba(95,158,184,.12);font-size:.72rem}.nac-ranking:last-child{border-bottom:0}.nac-ranking b{color:var(--nac-cyan)}.nac-summary-list{display:grid;gap:.45rem}.nac-summary-item{display:flex;justify-content:space-between;gap:.7rem;font-size:.72rem;color:#91aabb}.nac-summary-item strong{color:#eef9ff}
.nac-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;margin-bottom:.75rem}.nac-kpi{border:1px solid var(--nac-line);border-radius:12px;background:rgba(5,29,45,.82);padding:.7rem}.nac-kpi span{display:block;color:#718da0;font-size:.58rem;text-transform:uppercase}.nac-kpi b{display:block;margin-top:.18rem;font-size:1rem}.nac-kpi small{display:block;color:#638093;font-size:.58rem;margin-top:.12rem}
.nac-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.nac-chart{min-height:340px}.nac-chart canvas{max-height:280px}.nac-table-wrap{overflow-x:auto;border:1px solid var(--nac-line);border-radius:15px}.nac-table{width:100%;border-collapse:collapse;min-width:820px;background:rgba(4,24,38,.72)}.nac-table th,.nac-table td{padding:.72rem .65rem;border-bottom:1px solid rgba(85,151,180,.12);font-size:.7rem;text-align:right}.nac-table th:first-child,.nac-table td:first-child{text-align:left}.nac-table th{color:#7997aa;text-transform:uppercase;font-size:.58rem}.nac-table td{color:#d9edf6}
.nac-archive-grid,.nac-quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.75rem}.nac-archive-card,.nac-quality-card{border:1px solid var(--nac-line);border-radius:14px;background:rgba(5,29,45,.78);padding:.85rem}.nac-archive-card h3,.nac-quality-card h3{font-weight:900;margin-bottom:.5rem}.nac-archive-row,.nac-quality-row{display:flex;justify-content:space-between;gap:.6rem;font-size:.68rem;padding:.28rem 0;color:#849daf}.nac-archive-row b,.nac-quality-row b{color:#edf9ff}.nac-source{font-size:.58rem;color:#678397;margin-top:.25rem}.nac-note{margin-top:.75rem}.nac-note p{font-size:.7rem;line-height:1.5;color:#8ea6b7}
@media(max-width:1000px){.nac-current-grid,.nac-archive-grid,.nac-quality-grid{grid-template-columns:1fr 1fr}.nac-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.nac-hero{display:block}.nac-back{display:inline-block;margin-top:.8rem}.nac-current-grid,.nac-grid-2,.nac-chart-grid,.nac-archive-grid,.nac-quality-grid{grid-template-columns:1fr}.nac-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.nac-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nac-chart{min-height:300px}.nac-hero h1{font-size:1.8rem}}