:root{--bg:#f6f6f4;--surface:#fff;--text:#1a1a1a;--muted:#6b6b6b;--border:#dedede;--accent:#ff6a2b;--danger:#c62828}@media (prefers-color-scheme:dark){:root{--bg:#121212;--surface:#1d1d1d;--text:#ededed;--muted:#a0a0a0;--border:#333}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,sans-serif;line-height:1.5}a{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:420px;margin:8vh auto;padding:32px}.card h1{margin:0 0 24px;font-size:1.5rem}.form{gap:16px;display:grid}.form label{gap:6px;font-size:.9rem;display:grid}.form .check{align-items:flex-start;gap:8px;display:flex}input:not([type=checkbox]){font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px}button{font:inherit;color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-weight:600}button:disabled{opacity:.6;cursor:default}button.ghost{color:var(--text);border:1px solid var(--border);background:0 0}.error{color:var(--danger);margin:0;font-size:.9rem}.muted{color:var(--muted);font-size:.9rem}.codes{background:var(--bg);border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:12px;font-family:monospace;display:grid}.qr{background:#fff;border-radius:8px;margin:0 auto;display:block}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.topbar strong{color:var(--accent)}main.page{max-width:1100px;margin:0 auto;padding:24px}.topbar nav{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.topbar nav a{color:var(--text);text-decoration:none}.topbar nav a:hover{color:var(--accent)}.page-head{justify-content:space-between;align-items:center;gap:16px;display:flex}a.button{color:#fff;background:var(--accent);border-radius:8px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-block}button.danger{background:var(--danger)}.danger-zone{border-top:1px solid var(--border);margin-top:32px;padding-top:16px}table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem}tr:last-child td{border-bottom:0}.num{text-align:right;font-variant-numeric:tabular-nums}.badge{background:var(--bg);border-radius:999px;padding:2px 8px;font-size:.8rem}.badge.active{color:#1b7f3b}.badge.maintenance{color:#b26a00}.badge.retired{color:var(--muted)}.swatch{vertical-align:middle;border:1px solid var(--border);border-radius:50%;width:12px;height:12px;margin-right:8px;display:inline-block}.form-grid{grid-template-columns:1fr 1fr;max-width:720px}.form-grid .wide{grid-column:1/-1}select,textarea{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px}[aria-invalid=true]{border-color:var(--danger)!important}@media (max-width:640px){.form-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}.success{color:#1b7f3b;margin:0;font-size:.9rem}h2{margin:32px 0 12px;font-size:1.1rem}fieldset.plain{border:0;min-width:0;margin:0;padding:0}.form-grid.three{grid-template-columns:repeat(3,1fr);max-width:none}.form-grid.four{grid-template-columns:repeat(4,1fr);max-width:none}.table-scroll{margin-bottom:12px;overflow-x:auto}table.lines td{vertical-align:middle;padding:6px}table.lines input,table.lines select{width:100%;min-width:70px}table.lines .time{gap:4px;display:flex}table.lines input.desc{min-width:220px}table.lines select{min-width:160px}.summary .internal{border-top:1px dashed var(--border);margin-top:12px;padding-top:12px}table.lines input.qty{width:70px}button.icon{padding:4px 10px}.summary{background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:auto auto;justify-content:end;gap:6px 32px;margin:24px 0;padding:16px 20px;display:grid}.summary dt{color:var(--muted)}.summary dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.summary .grand{color:var(--text);font-size:1.2rem;font-weight:700}.badge.draft{color:var(--muted)}.badge.sent{color:#1f5fbf}.badge.accepted{color:#1b7f3b}.badge.rejected,.badge.expired{color:var(--danger)}@media (max-width:800px){.form-grid.three,.form-grid.four{grid-template-columns:1fr 1fr}}.line-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}label.button-like{color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:10px 16px;font-weight:600}label.button-like:hover{border-color:var(--accent);color:var(--accent)}table.lines .source{color:var(--muted);margin-top:4px;font-size:.75rem}.document-sheet{margin-top:16px;padding-bottom:24px;overflow-x:auto}.document-sheet>div{margin:0 auto;box-shadow:0 2px 16px #00000026}@page{size:A4;margin:0}@media print{body{background:#fff}.topbar,.no-print{display:none!important}main.page{max-width:none;padding:0}.document-sheet{margin:0;padding:0;overflow:visible}.document-sheet>div{box-shadow:none}}.template-editor{grid-template-columns:minmax(280px,1fr) auto;align-items:start;gap:32px;display:grid}.template-editor input[type=color]{border:1px solid var(--border);background:var(--bg);border-radius:8px;width:64px;height:36px;padding:2px}.template-preview{border-radius:4px;width:130.2mm;height:184.14mm;position:sticky;top:16px;overflow:hidden;box-shadow:0 2px 16px #00000026}.template-preview>div{transform-origin:0 0;transform:scale(.62)}@media (max-width:1000px){.template-editor{grid-template-columns:1fr}}