body{background:#edf2f5;color:#294352}.appbar{background:#142f40;box-shadow:none;padding:20px 24px;border-bottom:3px solid #18a7a6}.appbar b{font-size:21px;letter-spacing:-.4px}.appbar span{color:#b5cbd6;font-size:12px}.layout{max-width:2100px;grid-template-columns:260px minmax(480px,1fr) 310px;gap:18px}.layout>main{min-width:0}.card{border:1px solid #dce5eb;box-shadow:0 3px 12px #213e5010;border-radius:12px}h2{letter-spacing:-.2px}.canvasTop{background:white;padding:16px 20px;gap:12px}.view-actions{display:flex;gap:6px;flex-wrap:wrap}.view-actions button{padding:7px 10px;font-size:12px}.graphics-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 20px;border-bottom:1px solid #e0e9ee;background:#fcfdfe}.graphics-toolbar>label{display:flex;align-items:center;gap:8px;margin:0;font-size:11px;color:#66808d}.graphics-toolbar select{width:auto;max-width:200px;font-size:12px;margin:0;padding:7px}.layer-toggles{display:flex;gap:12px;flex-wrap:wrap}.layer-toggles label{display:flex;align-items:center;gap:4px;margin:0;font-size:11px;font-weight:500}.layer-toggles input{margin:0;accent-color:#118e98}.workspace{height:auto;aspect-ratio:1000/660;max-height:none;min-height:350px}.workspace svg{background:#f8fbfc;touch-action:none}.drawing-label{font:12px 'Segoe UI',Arial,sans-serif;paint-order:stroke;stroke:#f8fbfc;stroke-width:4px;stroke-linejoin:round;pointer-events:none}.graphic-status{display:flex;justify-content:space-between;gap:12px;background:#fcfdfe;border-top:1px solid #e1eaee;font-size:11px;color:#68818e;padding:10px 18px}.tools{gap:6px}.tools button{height:56px;flex-direction:column;gap:4px;font-size:17px}.tools small{font-size:9px;font-weight:500}.graph{height:300px;border-radius:8px}.chart-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.chart-stats div{padding:12px 16px;border-left:3px solid #168e96;background:#f2f8fa}.chart-stats span,.chart-stats small{display:block;color:#708691;font-size:11px}.chart-stats b{display:block;color:#294352;font-size:18px;margin:4px 0}.kpi div{background:white;border-top:3px solid #14989e}.kpi span{font-size:11px;color:#65818f}.kpi b{font-size:22px}.spatial-note{background:#f0f7fb;padding:14px;border-left:3px solid #537fb6}.graphic-focus .layout{display:block;max-width:1700px}.graphic-focus .layout>aside{display:none}.graphic-focus .workspace{max-height:76vh}.graphic-focus .canvasCard{scroll-margin-top:10px}#props h3{padding-top:8px;border-top:1px solid #e3eaee}table{font-variant-numeric:tabular-nums}tbody tr:nth-child(even){background:#f7fafc}tbody tr:hover{background:#eaf4f7}th,td{padding:9px 10px;border-color:#e5edf1}.tableWrap{border-radius:8px}.check-pill{font-size:10px}@media(max-width:1450px){.layout{grid-template-columns:245px minmax(450px,1fr)}.layout>aside:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.canvasTop{flex-wrap:wrap}.workspace{min-height:320px}}@media(max-width:800px){.layout{display:flex;flex-direction:column}.layout>aside:last-child{display:block}.graphics-toolbar{padding:10px}.workspace{min-height:260px}.graphic-status{flex-direction:column;gap:4px}.chart-stats{grid-template-columns:1fr}.canvasTop{padding:12px}.appbar{padding:16px}.drawing-label{font-size:13px}}@media print{.graphics-toolbar,.view-actions{display:none!important}.workspace{height:460px;min-height:0}.graphic-status{font-size:9px}.chart-stats{break-inside:avoid}}