.pnf-dashboard{--green:#234d35;--green2:#356b4b;--light:#f4f6f3;--line:#d9ded9;--text:#26322a;--muted:#6b756e;--accent:#b88a3b;--white:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--text)}
.pnf-dashboard *{box-sizing:border-box}.pnf-dashboard__shell{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:780px;background:#eef1ed;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.pnf-dashboard__sidebar{background:var(--green);color:#fff;padding:22px 16px;position:relative}.pnf-dashboard__brand{font-size:18px;font-weight:700;line-height:1.2;margin:0 8px 28px}.pnf-dashboard__brand small{display:block;font-size:11px;font-weight:400;opacity:.75;margin-top:6px}
.pnf-dashboard__nav button{width:100%;border:0;background:transparent;color:#e9efe9;text-align:left;padding:13px 12px;border-radius:8px;margin:3px 0;cursor:pointer;font-size:14px}.pnf-dashboard__nav button.is-active,.pnf-dashboard__nav button:hover{background:#3b6b4d}.pnf-dashboard__footer{position:absolute;bottom:20px;left:18px;right:18px;font-size:11px;opacity:.65}
.pnf-dashboard__main{padding:24px;min-width:0}.pnf-page{display:none}.pnf-page.is-active{display:block}.pnf-page__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.pnf-page__header h2{margin:0;font-size:27px;color:var(--green)}.pnf-page__header p{color:var(--muted);font-size:13px;margin:5px 0 0}
.pnf-filters{display:flex;flex-wrap:wrap;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:16px}.pnf-filters label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.pnf-filters select{border:1px solid #cbd3cb;border-radius:7px;padding:8px 30px 8px 9px;background:#fff;color:var(--text)}
.pnf-grid{display:grid;gap:14px}.pnf-grid--2{grid-template-columns:1.15fr .85fr}.pnf-grid--cards{grid-template-columns:repeat(4,minmax(135px,1fr))}.pnf-gap-top{margin-top:14px}
.pnf-card,.pnf-panel{background:#fff;border:1px solid var(--line);border-radius:12px}.pnf-card{padding:15px;min-height:94px}.pnf-card span{font-size:12px;color:var(--muted)}.pnf-card strong{display:block;font-size:27px;margin-top:9px;color:var(--green)}.pnf-card small{font-size:12px;font-weight:400;color:var(--muted)}.pnf-panel{padding:15px;overflow:hidden}.pnf-panel h3{margin:0 0 14px;font-size:18px}.pnf-panel__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pnf-panel__head h3{margin:0}.pnf-panel__head span{font-size:11px;color:var(--muted)}
.pnf-map{height:390px;position:relative;background:linear-gradient(145deg,#dce7dc,#eef3ea);border-radius:9px;overflow:hidden}.pnf-map svg{width:100%;height:100%}.pnf-map__label{position:absolute;top:12px;left:12px;background:#fff;border-radius:7px;padding:8px 10px;font-size:11px;box-shadow:0 2px 8px #0001;z-index:2}.pnf-ugc{cursor:pointer;stroke:#fff;stroke-width:2;fill:#86a98d}.pnf-ugc:nth-of-type(2){fill:#6f987a}.pnf-ugc:nth-of-type(3){fill:#9ab79b}.pnf-ugc:nth-of-type(4){fill:#789f83}.pnf-ugc:nth-of-type(5){fill:#6c8f74}.pnf-ugc:hover{opacity:.82}.pnf-ugc.is-selected{stroke:var(--accent);stroke-width:4}.pnf-map__text{font-size:18px;fill:#234d35;font-weight:700}.pnf-map--detail text{font-size:34px;font-weight:700;fill:#234d35}.pnf-detail-shape{fill:#82a98a;stroke:#fff;stroke-width:4}.pnf-detail-shape--inner{fill:#b3c8b3;opacity:.8}
.pnf-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.pnf-actions button{border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:7px;cursor:pointer}.pnf-actions button:hover{background:var(--green);color:#fff;border-color:var(--green)}
.pnf-table{width:100%;border-collapse:collapse;font-size:12px}.pnf-table th,.pnf-table td{padding:9px;border-bottom:1px solid #edf0ed;text-align:left}.pnf-table th{color:var(--muted);font-weight:600}.pnf-chart{width:100%;height:260px}.pnf-pressure{height:22px;background:#e7ece7;border-radius:10px;overflow:hidden}.pnf-pressure div{height:100%;background:#5e8a67}.pnf-pressure__labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:6px}
@media(max-width:900px){.pnf-dashboard__shell{grid-template-columns:1fr}.pnf-dashboard__sidebar{padding:14px}.pnf-dashboard__footer{display:none}.pnf-dashboard__nav{display:flex;overflow:auto;gap:5px}.pnf-dashboard__nav button{white-space:nowrap;width:auto}.pnf-grid--cards{grid-template-columns:repeat(2,1fr)}.pnf-grid--2{grid-template-columns:1fr}.pnf-dashboard__main{padding:14px}}
@media(max-width:550px){.pnf-grid--cards{grid-template-columns:1fr 1fr}.pnf-page__header h2{font-size:22px}}