:root{--bg: #f7f7f8;--panel: #ffffff;--border: #e2e2e6;--text: #1c1c1e;--muted: #77777f;--accent: #2f6df6;--danger: #d1453b;--positive: #1a7f4b;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}.app{max-width:1080px;margin:0 auto;padding:24px 20px 80px}.nav{display:flex;gap:8px;align-items:center;margin-bottom:24px}.nav h1{font-size:18px;margin:0 auto 0 0}button{font:inherit;padding:7px 14px;border:1px solid var(--border);border-radius:7px;background:var(--panel);color:var(--text);cursor:pointer}button:hover{border-color:var(--muted)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{color:var(--danger)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:20px}.panel h2{font-size:15px;margin:0 0 16px}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}label{display:block;font-size:13px;color:var(--muted);margin-bottom:5px}input,select{font:inherit;width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:7px;background:var(--panel);color:var(--text)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:9px 12px;text-align:right;border-bottom:1px solid var(--border)}th:first-child,td:first-child{text-align:left;color:var(--muted)}thead th{font-size:13px;color:var(--muted);font-weight:500}tr.highlight td{font-weight:600}.positive{color:var(--positive)}.negative{color:var(--danger)}.hint{font-size:13px;color:var(--muted);margin:8px 0 0}.total-line{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.total-line strong{font-size:20px}.project-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.project-row:last-child{border-bottom:none}.project-row .name{font-weight:500}.project-row .meta{font-size:13px;color:var(--muted)}.grow{flex:1}.empty{color:var(--muted);text-align:center;padding:40px 0}.checkbox-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}.checkbox-row input{width:auto}.checkbox-row label{margin:0;color:var(--text)}.login{display:flex;justify-content:center;padding-top:12vh}.login .panel{width:320px}.login h1{font-size:20px;margin-bottom:20px}.login div{margin-bottom:14px}.login button{width:100%;margin-top:6px}.error{color:var(--danger, #c0392b);font-size:14px;margin-bottom:12px}.nav-inline{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.nav-inline h2{margin:0}.accessory-card{border:1px solid var(--border, #e0e0e0);border-radius:8px;padding:16px;margin-bottom:16px}.accessory-card:last-child{margin-bottom:0}.accessory-name{flex:1;margin-right:12px}.add-more{margin-top:16px}.link-row{display:flex;gap:8px;align-items:center}.link-row button{white-space:nowrap}.merge-skus{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0}.merge-sku{display:flex;align-items:center;gap:6px;color:var(--text);font-size:14px}.merge-sku input{width:auto}
