:root{--navy:#123b62;--blue:#1769aa;--light:#f3f6f9;--text:#1f2937;--muted:#667085;--border:#d9e1e8;--green:#13805b;--amber:#b76e00;--red:#bb3434;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--light);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.45}.topbar{background:linear-gradient(120deg,#0f304f,#1769aa);color:white;padding:22px max(16px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:18px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.09em;opacity:.85;margin:0 0 4px}.topbar h1{margin:0;font-size:clamp(22px,3vw,30px);line-height:1.15}.subtitle{margin:6px 0 0;color:#e2edf7;font-size:13px}.connection{white-space:nowrap;border:1px solid #ffffff4a;border-radius:100px;padding:8px 11px;font-size:12px;display:flex;align-items:center;gap:8px}.dot{width:9px;height:9px;border-radius:50%;background:#f6c453}.dot.online{background:#75e3a2}.dot.offline{background:#ff8e8e}.page{max-width:1120px;margin:0 auto;padding:18px 14px 40px}.card{background:var(--white);border:1px solid #e5eaf0;border-radius:16px;padding:18px;margin-bottom:15px;box-shadow:0 3px 12px #102b4508}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px}.section-head h2{font-size:19px;margin:0}.section-head h3{font-size:16px;margin:0}.kicker{color:#54718c}.step{background:#e8f2fb;color:#14588c;font-weight:800;border-radius:10px;padding:7px 10px}.badge{display:inline-flex;align-items:center;justify-content:center;background:#e7eef5;color:#34536d;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:750;white-space:nowrap}.badge-amber{background:#fff0d4;color:#865000}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 15px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#344054}input,select{width:100%;min-height:44px;border:1px solid #cdd6df;border-radius:9px;background:white;padding:10px 11px;color:var(--text);font:inherit;font-size:14px}input:focus,select:focus{outline:3px solid #1769aa20;border-color:var(--blue)}.btn{border:0;border-radius:10px;padding:12px 15px;min-height:44px;font-size:14px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--blue);color:white}.btn-success{background:var(--green);color:white;width:100%;min-height:54px;font-size:17px}.btn-secondary{background:#eaf0f5;color:#29445c;border:1px solid #d5dfe7}.btn-warning{background:#fff0d4;color:#885400;width:100%}.btn-danger{background:#fee8e7;color:#a12525;width:100%}.btn-small{min-height:35px;padding:7px 10px;font-size:12px}.setup-card{border-top:4px solid var(--blue)}.settings-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.small{font-size:12px}.muted{color:var(--muted)}.unit-settings{border-top:1px solid var(--border);margin-top:14px;padding-top:13px}.unit-settings summary,details summary{cursor:pointer;font-size:13px;font-weight:750;color:#32536c;padding:5px 0}.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}.model-row{border:1px solid var(--border);border-radius:10px;padding:9px;background:#fbfcfd}.model-row span{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:15px}.kpi-card{background:white;border:1px solid #e5eaf0;border-radius:14px;padding:16px;box-shadow:0 3px 12px #102b4508}.kpi-label{font-size:12px;color:var(--muted);font-weight:750}.kpi-card strong{display:block;font-size:30px;line-height:1.25;margin:5px 0;color:#173f60}.kpi-foot{font-size:11px;color:#8a94a2}.project-detail{margin:10px 0 14px;background:#eef6fc;padding:12px 14px;border-left:4px solid var(--blue);border-radius:9px;font-size:13px;line-height:1.65}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0}.preview-grid>div{padding:12px 10px;border:1px solid #e2e8ee;border-radius:11px;background:#f9fbfc;min-width:0}.preview-grid span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.preview-grid b{font-size:14px;overflow-wrap:anywhere}.button-align{display:flex;align-items:end}.export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.export-summary{margin:11px 0 0;color:var(--muted);font-size:12px}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;min-width:680px}th,td{padding:10px 9px;border-bottom:1px solid #e7edf2;text-align:left;white-space:nowrap}th{background:#eff4f8;color:#36556f;font-weight:800}tbody tr:nth-child(even){background:#fafcfd}.table-title{margin-top:22px;margin-bottom:9px}.notice{padding:12px 14px;border-radius:10px;margin-bottom:14px;font-size:13px;font-weight:650;white-space:pre-wrap}.notice.success{background:#d9f4e8;color:#116345}.notice.error{background:#ffe3e1;color:#922b2b}.notice.info{background:#e3f2ff;color:#154c75}.hidden{display:none!important}.footer{text-align:center;color:#748091;font-size:11px;padding:12px}.empty{padding:20px;color:var(--muted);text-align:center;border:1px dashed var(--border);border-radius:10px;font-size:13px}.network-warning{color:#a52a2a}.print-only{display:none}@media(max-width:680px){.topbar{align-items:flex-start;flex-direction:column;padding:18px 15px;gap:12px}.page{padding:12px 10px 30px}.card{padding:14px;border-radius:13px}.form-grid{grid-template-columns:1fr}.kpi-grid{gap:8px}.kpi-card{padding:12px 10px}.kpi-card strong{font-size:23px}.kpi-label{font-size:11px}.kpi-foot{font-size:10px}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-footer{align-items:stretch;flex-direction:column}.export-grid{grid-template-columns:1fr}.button-align{align-items:stretch}.connection{font-size:11px}.section-head h2{font-size:17px}}@media print{body{background:white}.topbar,.page>section,.notice{display:none!important}#reportPrint{display:block!important}}