:root{--ink:#172235;--muted:#6c7789;--line:#e9edf3;--red:#df3b42;--blue:#2364e8;--panel:#fff}*{box-sizing:border-box}body{background:#f5f7fb;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;padding-bottom:82px}.topbar{background:#fff;border-bottom:1px solid var(--line);padding:15px 0}.brand{font-size:1.3rem;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-.05em}.brand span{color:var(--red)}.admin-link{font-size:.9rem;color:var(--muted);text-decoration:none}.hero{max-width:650px}.eyebrow{color:var(--red);font-size:.72rem;font-weight:800;letter-spacing:.13em;margin-bottom:.35rem}.hero h1{font-weight:800;letter-spacing:-.04em;font-size:clamp(1.7rem,5vw,2.5rem)}.hero p{color:var(--muted);margin:0}.card-shell{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 28px #1c36500a}.card-shell h2{font-size:1.05rem;font-weight:750;margin:0 0 14px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.category-btn{border:1px solid var(--line);background:#fff;padding:12px 6px;border-radius:12px;font-size:.84rem;font-weight:650;color:var(--muted)}.category-btn.active{border-color:var(--blue);background:#edf3ff;color:var(--blue);box-shadow:0 0 0 2px #2364e81a}.hint{font-size:.8rem;color:var(--muted)}.car-diagram{min-height:255px;border-radius:14px;background:linear-gradient(145deg,#f5f8fe,#fff);display:flex;align-items:center;justify-content:center;overflow:hidden}.car-diagram svg{width:100%;max-height:390px}.car-diagram .part{fill:#cbd4e1;stroke:#64748b;stroke-width:2;transition:fill .18s,opacity .18s,stroke .18s;cursor:pointer;touch-action:manipulation}.car-diagram .part:hover{fill:#aebccc}.car-diagram .part.selected{fill:var(--red);fill-opacity:.4;stroke:var(--red);stroke-width:4}.part-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.part-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 10px;font-size:.74rem;color:#4a5565}.part-chip.selected{border-color:#f1afb2;background:#fff1f1;color:#b52d34}.work-table{font-size:.78rem;min-width:760px}.work-table th{color:var(--muted);font-weight:650;white-space:nowrap;padding:.6rem}.work-table td{vertical-align:middle}.work-table td:first-child{font-weight:650;min-width:150px}.empty-row td{text-align:center;color:var(--muted);padding:24px}.op-toggle{display:flex;gap:5px;align-items:center;white-space:nowrap}.op-toggle input{width:18px;height:18px;accent-color:var(--blue)}.op-price{color:var(--muted);font-size:.68rem}.line-total{font-weight:750;white-space:nowrap}.total-bar{position:fixed;z-index:20;bottom:0;left:0;right:0;background:#172235;color:#fff;padding:11px max(16px,calc((100vw - 1140px)/2));display:flex;align-items:center;justify-content:space-between;box-shadow:0 -4px 20px #17223522}.total-bar span{display:block;font-size:.73rem;opacity:.7}.total-bar strong{font-size:1.25rem}.save-btn{font-weight:700;padding:.65rem 1.05rem}.form-label{display:block;font-weight:600;width:100%;margin-bottom:1rem}.form-label small{font-weight:400;color:var(--muted)}@media(min-width:768px){body{padding-bottom:90px}.card-shell{padding:24px}.category-grid{max-width:460px}.car-diagram{min-height:370px}.work-table{font-size:.87rem}}