*{box-sizing:border-box;margin:0;padding:0}:root{--green: #1a7f37;--green-dark: #14612b;--green-soft: #eaf6ee;--red: #d92d20;--red-soft: #fdecea;--amber: #b54708;--amber-soft: #fef3e2;--ink: #101828;--ink-2: #475467;--ink-3: #98a2b3;--line: #eaecf0;--line-2: #f2f4f7;--bg: #ffffff;--panel: #f9fafb}html,body,#root{height:100%}body{font-family:Segoe UI,-apple-system,Inter,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:300px;min-width:300px;background:var(--bg);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto}.side-brand{display:flex;gap:10px;align-items:center;padding:16px 14px;border-bottom:1px solid var(--line-2)}.brand-logo{width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,var(--green),#2f9e50);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:13px;letter-spacing:.5px}.brand-logo.sm{width:34px;height:34px;font-size:11px}.side-title{font-weight:700}.side-sub{color:var(--ink-3);font-size:12px}.side-section{padding:10px 8px;border-bottom:1px solid var(--line-2)}.side-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--ink-3);padding:4px 8px 6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;cursor:pointer;border-radius:8px;font-size:13px;color:var(--ink-2);text-align:left}.nav-item:hover{background:var(--line-2);color:var(--ink)}.nav-item.active{background:var(--green-soft);color:var(--green-dark);font-weight:600}.nav-ic{width:18px;text-align:center}.nav-txt{flex:1;line-height:1.25}.freq{font-size:10px;border:1px solid var(--line);color:var(--ink-3);border-radius:4px;padding:1px 5px;font-weight:600}.freq.hourly{color:var(--amber);border-color:#f3d9b8;background:#fffaf3}.side-footer{margin-top:auto;padding:12px;border-top:1px solid var(--line-2)}.user-box{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:#e4f0e8;color:var(--green-dark);display:flex;align-items:center;justify-content:center;font-weight:700}.user-name{font-weight:600;font-size:13px}.user-role{color:var(--ink-3);font-size:12px}.logout{margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 9px;cursor:pointer;color:var(--ink-2)}.logout:hover{background:var(--line-2)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;border-bottom:1px solid var(--line);background:#fff}.topbar-left{display:flex;align-items:center;gap:12px}.topbar h2{font-size:16px;font-weight:700}.erp-dot{font-size:12px;padding:3px 9px;border-radius:20px;font-weight:600}.erp-dot.ok{color:var(--green-dark);background:var(--green-soft)}.erp-dot.down{color:var(--red);background:var(--red-soft)}.erp-last{color:var(--ink-3);font-size:11px}.topbar-right{display:flex;align-items:center;gap:8px}.range-lbl{font-size:11px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.4px}.sel{border:1px solid var(--line);border-radius:8px;padding:6px 10px;background:#fff;color:var(--ink);font-size:13px}.btn{border:1px solid var(--line);background:#fff;color:var(--ink-2);border-radius:8px;padding:6px 12px;cursor:pointer;font-size:13px;font-weight:600}.btn:hover{background:var(--line-2)}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.primary:hover{background:var(--green-dark)}.content{flex:1;overflow:auto;padding:18px 20px}.report-view{max-width:1600px}.report-meta{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--ink-3);font-size:12px;flex-wrap:wrap}.badge{background:var(--green-soft);color:var(--green-dark);font-weight:700;border-radius:6px;padding:2px 8px;font-size:11px;text-transform:uppercase}.gen-time{margin-left:auto}.rpt-header{display:flex;align-items:center;justify-content:space-between;margin:6px 0 10px}.rpt-title{font-size:15px;font-weight:700}.muted{color:var(--ink-3);font-size:12px;font-weight:400}.note{margin-top:8px}.cat-legend{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.legend-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;border:1px solid transparent;color:var(--ink-2)}.cat-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.rpt-table th .cat-dot{margin-right:5px;vertical-align:-1px}.tbl-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff;max-height:72vh}.rpt-table{border-collapse:separate;border-spacing:0;width:100%;font-size:12.5px;white-space:nowrap}.rpt-table th,.rpt-table td{padding:8px 12px;border-bottom:1px solid var(--line-2);border-right:1px solid var(--line-2);text-align:right}.rpt-table tr>:last-child{border-right:none}.rpt-table thead th{border-bottom:2px solid var(--line)}.rpt-table th{background:var(--panel);color:var(--ink-2);font-weight:700;position:sticky;top:0;z-index:5}.rpt-table thead tr:nth-child(2) th{top:0}.rpt-table thead tr:nth-child(1) th{top:0}.rpt-table th.grp{background:#eef5f0;color:var(--green-dark)}.rpt-table th.grp-day{background:#e9f1fd;color:#1d4ed8}.rpt-table th.sub-day{background:#f5f9ff}.rpt-table td.td-day{background:#fafcff!important}.rpt-table th.sub{background:var(--panel);font-size:11px}.rpt-table td:first-child,.rpt-table th:first-child{text-align:left;position:sticky;left:0;z-index:2;background:#fff}.rpt-table th:first-child{background:var(--panel);z-index:6}.rpt-table td.dim{text-align:left;color:var(--ink-2);background:#fbfbfc}.rpt-table td.strong{text-align:left;font-weight:700}.rpt-table tbody tr:nth-child(2n) td{background-color:#fafbfc}.rpt-table tbody tr:nth-child(2n) td.dim{background-color:#f3f4f6}.rpt-table tbody tr:hover td{background:#f2f8f4}.total-row td{background:#e9f3ec!important;font-weight:800}.total-row td.dim{background:#e9f3ec!important}.subtotal-row td{background:#e6eef9!important;font-weight:700;color:#1e3a5f}.subtotal-row td.dim{background:#dde8f7!important}.subtotal-row.reg td{background:#dce9f8!important}td.indent{padding-left:26px!important}td.indent2{padding-left:16px!important}.num{font-variant-numeric:tabular-nums}.num.bold{font-weight:700;color:var(--green-dark)}.num.up{color:var(--green-dark);font-weight:600}.num.down{color:var(--red);font-weight:600}.num.warn{color:var(--amber);font-weight:600}.rpt-table.freeze2 td:nth-child(2),.rpt-table.freeze2 th:nth-child(2){position:sticky;left:140px;z-index:2;background:#fff}.rpt-table.freeze2 th:nth-child(2){background:var(--panel);z-index:6}.rpt-table.freeze2 tbody tr:nth-child(2n) td:nth-child(2){background-color:#fafbfc}.rpt-table.freeze2 td.dim{left:0}.insights{display:flex;flex-direction:column;gap:14px;max-width:1600px}.rpt-insights{border:1px solid #d6e6dc;background:#f6fbf8;border-radius:10px;padding:12px 14px;margin-bottom:14px}.rpt-insights-title{font-weight:800;font-size:13px;color:#14532d;margin-bottom:8px}.rpt-insights-list{display:flex;flex-direction:column;gap:6px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.kpi{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#fff}.kpi.good{border-left:4px solid var(--green)}.kpi.bad{border-left:4px solid var(--red)}.kpi.warn{border-left:4px solid #f59e0b}.kpi-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-3);font-weight:600}.kpi-value{font-size:22px;font-weight:800;margin:4px 0 2px}.kpi-value small{font-size:12px;color:var(--ink-3);font-weight:600}.kpi-sub{font-size:11.5px;color:var(--ink-2)}.up{color:var(--green-dark)}.down{color:var(--red)}.alerts{display:flex;flex-direction:column;gap:6px}.alert{display:flex;gap:12px;align-items:baseline;padding:9px 14px;border-radius:9px;border:1px solid;font-size:13px}.alert.critical{background:var(--red-soft);border-color:#f5c6c2;color:#7a1c16}.alert.warning{background:var(--amber-soft);border-color:#f3d9b8;color:#7a3e09}.alert.good{background:var(--green-soft);border-color:#c5e4cf;color:#14532d}.alert-type{font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.5px;white-space:nowrap}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}@media (max-width: 1100px){.grid-2,.grid-3{grid-template-columns:1fr}}.geo-list{display:flex;flex-direction:column;gap:8px}.geo-item{border:1px solid var(--line);border-left:4px solid #98a2b3;border-radius:8px;padding:8px 10px}.geo-item.critical{border-left-color:var(--red);background:snow}.geo-item.warning{border-left-color:#f59e0b;background:#fffdf7}.geo-item.good{border-left-color:var(--green);background:#f8fcf9}.geo-item.info{border-left-color:#3b82f6}.geo-head{display:flex;justify-content:space-between;align-items:center;font-size:13px}.geo-stat{font-weight:800;color:var(--ink-2)}.geo-action{font-size:12px;color:var(--ink-2);line-height:1.45;margin-top:3px}.objective-view{display:flex;flex-direction:column;gap:14px;max-width:1100px}.mission-card{border-left:5px solid var(--green)}.mission-text{font-size:14.5px;line-height:1.6;color:var(--ink)}.card{border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:#fff}.card-title{font-weight:700;font-size:13.5px;margin-bottom:10px}.chart-h300{height:300px}.chart-h260{height:260px}.mini-table{width:100%;border-collapse:collapse;font-size:12.5px}.mini-table th{text-align:left;color:var(--ink-3);font-size:11px;text-transform:uppercase;padding:4px 8px;border-bottom:1px solid var(--line-2)}.mini-table th.r,.mini-table td.r{text-align:right}.mini-table td{padding:5px 8px;border-bottom:1px solid var(--line-2)}.zero-terr{margin-top:10px;font-size:12px;color:var(--amber);background:var(--amber-soft);border-radius:8px;padding:8px 10px}.notes{list-style:none;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ink-2)}.notes b{color:var(--ink)}.targets{display:flex;flex-direction:column;gap:14px;max-width:900px}.targets-head{color:var(--ink-2)}.tgt-table{width:100%;border-collapse:collapse;font-size:13px}.tgt-table th{text-align:left;padding:6px 10px;border-bottom:2px solid var(--line);color:var(--ink-2);font-size:12px}.tgt-table th.r,.tgt-table td.r{text-align:right}.tgt-table td{padding:5px 10px;border-bottom:1px solid var(--line-2)}.tgt-input{width:110px;text-align:right;border:1px solid var(--line);border-radius:7px;padding:5px 8px;font-size:13px}.tgt-input:focus{outline:2px solid #bfe3ca;border-color:var(--green)}.saving-toast{position:fixed;bottom:18px;right:18px;background:var(--ink);color:#fff;padding:9px 14px;border-radius:9px;font-size:12.5px;z-index:50}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f4f9f6,#fff)}.login-card{width:480px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 12px 40px #10182812}.brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.brand h1{font-size:19px}.brand p{color:var(--ink-3);font-size:13px}.erp-pill{border-radius:9px;padding:8px 12px;font-size:12.5px;font-weight:600;margin-bottom:16px}.erp-pill.ok{background:var(--green-soft);color:var(--green-dark)}.erp-pill.down{background:var(--red-soft);color:var(--red)}.erp-pill.pending{background:var(--line-2);color:var(--ink-2)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field span{font-size:12.5px;font-weight:700;color:var(--ink-2)}.field input{border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:14px}.btn.block{width:100%;padding:10px;font-size:14px}.login-err{background:var(--red-soft);color:#7a1c16;border-radius:8px;padding:8px 12px;font-size:13px;margin-bottom:12px}.login-demo{margin-top:16px;font-size:12px;color:var(--ink-3);display:flex;gap:6px;align-items:center;flex-wrap:wrap}.login-demo button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:2px 8px;cursor:pointer;font-size:11.5px;color:var(--ink-2)}.login-demo button:hover{background:var(--green-soft);color:var(--green-dark)}.login-note{margin-top:14px;font-size:11.5px;color:var(--ink-3);border-top:1px solid var(--line-2);padding-top:12px}.admin-view,.methodology,.commitments-view{display:flex;flex-direction:column;gap:14px;max-width:1100px}.admin-form{display:flex;gap:8px;flex-wrap:wrap}.admin-form input{border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:13px;flex:1;min-width:130px}.btn.sm{padding:4px 9px;font-size:12px;border-radius:6px}.btn.danger{color:var(--red);border-color:#f5c6c2}.btn.danger:hover{background:var(--red-soft)}.tgt-input.sm{width:150px;padding:4px 8px}.sel.sm{padding:4px 8px;font-size:12px}.tbl-block{border:1px solid var(--line-2);border-radius:8px;padding:10px 12px;margin-bottom:8px}.tbl-block .cols{margin-top:4px;font-size:11.5px;color:var(--ink-2);word-break:break-all}.mono{font-family:Consolas,Courier New,monospace;font-size:12px}.mono.bold{font-weight:700;font-size:13px;color:var(--green-dark)}pre.sql{background:#0f172a;color:#d7e3f4;border-radius:10px;padding:14px 16px;font-family:Consolas,Courier New,monospace;font-size:11.5px;line-height:1.5;overflow:auto;max-height:460px;white-space:pre}.corp-row td{background:#f8f4fe!important}.alert-ticker{display:flex;gap:8px;flex-wrap:wrap}.ticker-item{font-size:12px;padding:6px 12px;border-radius:20px;border:1px solid var(--line);background:#fff;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ticker-item.critical{background:var(--red-soft);color:#7a1c16;border-color:#f5c6c2;cursor:pointer;font-weight:600}.ticker-item.warning{background:var(--amber-soft);color:#7a3e09;border-color:#f3d9b8}.ticker-item.good{background:var(--green-soft);color:#14532d;border-color:#c5e4cf}.region-perf{padding-bottom:8px}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.card-title-row .card-title{margin-bottom:0}.severity-chips{display:flex;gap:6px;flex-wrap:wrap}.sev-chip{border:1px solid var(--line);background:#fff;border-radius:20px;padding:4px 10px;font-size:11.5px;font-weight:600;cursor:pointer;color:var(--ink-2)}.sev-chip:hover{background:var(--line-2)}.sev-chip.on{border-color:var(--green);background:var(--green-soft);color:var(--green-dark)}.sev-chip.critical.on{border-color:var(--red);background:var(--red-soft);color:#7a1c16}.sev-chip.warning.on{border-color:#f59e0b;background:var(--amber-soft);color:#7a3e09}.sev-chip.good.on{border-color:var(--green);background:var(--green-soft);color:#14532d}.perf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media (max-width: 1100px){.perf-grid{grid-template-columns:1fr}}.chart-h340{height:340px}.perf-toolbar{margin-bottom:8px}.perf-search{width:100%;border:1px solid var(--line);border-radius:8px;padding:7px 12px;font-size:13px}.perf-search:focus{outline:2px solid #bfe3ca;border-color:var(--green)}.perf-table-wrap{max-height:400px;overflow:auto;border:1px solid var(--line);border-radius:10px}.perf-table{width:100%;border-collapse:collapse;font-size:12.5px}.perf-table th{position:sticky;top:0;background:var(--panel);color:var(--ink-3);font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;padding:7px 10px;border-bottom:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2}.perf-table th:hover{color:var(--ink)}.perf-table td{padding:6px 10px;border-bottom:1px solid var(--line-2)}.perf-table th.c,.perf-table td.c{text-align:left}.perf-table th.r,.perf-table td.r{text-align:right}.sev-row{cursor:pointer}.sev-row:hover td{background:#f6faf8}.sev-row.expanded td{background:var(--green-soft)}.sev-row.critical td:first-child{box-shadow:inset 3px 0 0 var(--red)}.sev-row.warning td:first-child{box-shadow:inset 3px 0 #f59e0b}.sev-row.good td:first-child{box-shadow:inset 3px 0 0 var(--green)}.sev-row.info td:first-child{box-shadow:inset 3px 0 #98a2b3}.sev-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.sev-row.critical .sev-dot{background:var(--red)}.sev-row.warning .sev-dot{background:#f59e0b}.sev-row.good .sev-dot{background:var(--green)}.sev-row.info .sev-dot{background:#98a2b3}.perf-detail td{background:#f3f8f5!important;padding:0!important}.perf-action{padding:12px 14px}.perf-action-head{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:8px}.perf-action-body{display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-2);margin-bottom:8px}.perf-action-plan{font-size:12.5px;line-height:1.5;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.loss-card{border-color:#f3d9b8}.loss-card .card-title{color:#7a3e09}.leak-notes{display:flex;flex-direction:column;gap:6px;margin-top:12px;border-top:1px dashed #f3d9b8;padding-top:10px}.leak-note{font-size:12.5px;color:#7a3e09;line-height:1.5}.sub-table-title{font-weight:700;font-size:12px;margin:12px 0 6px;color:var(--ink-2)}.actions-list{display:flex;flex-direction:column;gap:8px}.action-item{border:1px solid var(--line);border-left:4px solid #98a2b3;border-radius:9px;padding:10px 12px;background:#fff}.action-item.critical{border-left-color:var(--red);background:snow}.action-item.warning{border-left-color:#f59e0b;background:#fffdf7}.action-item.good{border-left-color:var(--green);background:#f8fcf9}.action-item.info{border-left-color:#3b82f6}.action-head{display:flex;align-items:center;gap:8px}.action-prio{font-size:13px}.action-title{font-weight:700;font-size:13px}.action-owner{margin-left:auto;font-size:11px;color:var(--ink-3);border:1px solid var(--line);border-radius:10px;padding:1px 8px;white-space:nowrap}.action-detail{margin-top:4px;font-size:12.5px;color:var(--ink-2);line-height:1.45}.access-card{border:1px solid #c5e4cf}.access-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:18px}@media (max-width: 900px){.access-grid{grid-template-columns:1fr}}.access-col{display:flex;flex-direction:column;gap:4px}.check{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2);padding:3px 0;cursor:pointer}.check input{accent-color:var(--green);width:15px;height:15px;cursor:pointer}.check input:disabled{opacity:.5}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:14px;color:var(--ink-2)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--green-soft);border-top-color:var(--green);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{border:1px solid #f5c6c2;background:var(--red-soft);border-radius:12px;padding:20px;max-width:560px;margin:40px auto;text-align:center}.error-title{font-weight:800;color:#7a1c16;margin-bottom:6px}.error-msg{color:#7a1c16;font-size:13px;margin-bottom:12px;word-break:break-word}