:root{--bg:#f2f0ea;--panel:#fffcf4;--line:#dbd2c4;--ink:#2a261f;--muted:#625a4f;--accent:#3e7a55;--accent-strong:#1d4e34;--warn:#a9532b}*{box-sizing:border-box}body{color:var(--ink);background:linear-gradient(120deg,#eeebe4,#f8f6f1);margin:0;font-family:Avenir Next,Segoe UI,sans-serif}.layout{grid-template-columns:2fr 1fr;gap:1rem;min-height:100vh;padding:1rem;display:grid}.mapPanel,.detailsPanel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1rem;box-shadow:0 10px 24px #17130d14}.headerRow{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}h1,h2,p{margin:0}p{color:var(--muted)}.toolbar{flex-wrap:wrap;gap:.5rem;display:flex}button{color:var(--ink);cursor:pointer;background:#f5eee1;border:1px solid #b9ac95;border-radius:10px;padding:.45rem .75rem}button.active{border-color:var(--accent);color:var(--accent-strong);background:#ddf0df}.mapStage{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;margin-top:1rem;position:relative;overflow:hidden}.mapImage{width:100%;display:block}.overlay{width:100%;height:100%;position:absolute;inset:0}.tankPolygon{fill:#3e7a553d;stroke:#1d4e34cc;stroke-width:.2px;cursor:pointer}.tankPolygon:hover{fill:#3e7a5559}.tankPolygon.selected{fill:#a9532b4d;stroke:#6d2d0ef2}.draftPolyline{stroke:var(--warn);stroke-width:.28px}.draftPoint{fill:var(--warn)}.drawPanel{border:1px solid var(--line);background:#fff7eb;border-radius:12px;gap:.6rem;margin-top:1rem;padding:.75rem;display:grid}.inputs{grid-template-columns:repeat(5,minmax(120px,1fr));gap:.5rem;display:grid}input{background:#fff;border:1px solid #c9bca5;border-radius:8px;width:100%;padding:.45rem .55rem}.detailsPanel dl{gap:.5rem;margin:.85rem 0 0;display:grid}.detailsPanel div{grid-template-columns:88px 1fr;gap:.4rem;display:grid}dt{color:var(--muted);font-weight:700}dd{margin:0}a{color:var(--accent-strong)}@media (max-width:1100px){.layout{grid-template-columns:1fr}}@media (max-width:760px){.inputs{grid-template-columns:1fr 1fr}}