:root{
  --bg:#fff7f0;
  --card:#ffffff;
  --text:#221a17;
  --muted:#7a6a61;
  --brand:#f0144f;
  --brand-dark:#b70f3b;
  --ink:#1f1715;
  --cream:#fff0dc;
  --line:#ead8ca;
  --ok:#edf8ed;
  --warn:#fff7df;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 5%;background:var(--ink);color:#fff;border-bottom:5px solid var(--brand)}
.brand{display:flex;gap:10px;align-items:center}.brand-logo{width:22px;height:22px;object-fit:contain;border-radius:50%}.brand strong{display:block;font-size:22px;line-height:1}.brand span{display:block;font-size:13px;color:#f4d0dc;margin-top:4px}.topbar nav a{color:#fff;text-decoration:none;margin-left:18px;font-size:14px;font-weight:bold}.topbar nav a:hover{color:#ffd7e1}.container{width:90%;max-width:1760px;margin:0 auto;padding:28px 0}.footer{text-align:center;color:var(--muted);font-size:12px;padding:20px}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.page-head h1{margin:0 0 6px;font-size:34px}.page-head p{margin:0;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.card,.login-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 2px 12px rgba(31,23,21,.07)}.login-card{max-width:430px;margin:60px auto}.login-card input,.inline-form input,td input[type=text],td input[type=number],td input[type=email],td input[type=password],input[type=text],input[type=number],input[type=email],input[type=password],select,textarea{width:100%;padding:9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--text)}label{display:block;margin:12px 0 6px;font-weight:bold;font-size:13px}button,.button{background:var(--brand);border:none;color:#fff;border-radius:8px;padding:10px 14px;text-decoration:none;display:inline-block;cursor:pointer;font-weight:bold}button:hover,.button:hover{background:var(--brand-dark)}.button.secondary{background:#5b4a42}.button.print{background:#2f7048}.fill-table{width:100%;border-collapse:collapse}.fill-table th,.fill-table td{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:middle}.fill-table th{font-size:13px;color:#5d5147;background:var(--cream);white-space:nowrap}.fill-table td:nth-child(n+3):nth-child(-n+8),.fill-table th:nth-child(n+3):nth-child(-n+8){text-align:center}.fill-table input[type=checkbox]{width:24px;height:24px;accent-color:var(--brand)}.is-complete{background:var(--ok)}.needs-production{background:var(--warn)}.form-actions{padding-top:18px;text-align:right}.alert{padding:12px 14px;border-radius:8px;margin-bottom:16px}.alert.success{background:#e8f6e8;border:1px solid #b7dfb7}.alert.error{background:#fdeaea;border:1px solid #e5b0b0}.muted{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.inline-form{display:grid;grid-template-columns:2fr 1fr 100px auto;gap:10px}.add-card{margin-top:18px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;border-top:4px solid var(--brand)}.summary-card span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.summary-card strong{font-size:28px}.table-wrap{overflow-x:auto}.production-table{min-width:1420px}.production-table input[type=number]{width:74px;text-align:center}.production-table .make-input{font-weight:bold;background:#fff1bd}.print-note{font-size:11px;color:var(--muted);margin-top:4px}.products-table{min-width:980px}.products-table input[type=number]{width:80px}.product-add-form{grid-template-columns:2fr 1fr 90px 90px 90px 90px 80px auto}.user-list{display:grid;gap:12px}.user-row,.user-add-form{display:grid;grid-template-columns:1.2fr 1.7fr 120px 1.2fr 90px auto;gap:12px;align-items:end;border-bottom:1px solid var(--line);padding:0 0 14px}.user-row:last-child{border-bottom:none}.checkbox-field input[type=checkbox]{width:24px;height:24px;accent-color:var(--brand)}.form-actions-inline{padding-bottom:0}.center{text-align:center}
@media(max-width:1100px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-add-form,.user-row,.user-add-form{grid-template-columns:1fr 1fr}.topbar{display:block}.topbar nav{margin-top:14px}.topbar nav a{margin:0 14px 8px 0;display:inline-block}}
@media(max-width:700px){.container{width:94%;padding:16px 0}.page-head{display:block}.summary-grid,.grid,.inline-form,.product-add-form,.user-row,.user-add-form{grid-template-columns:1fr}.summary-card strong{font-size:22px}.brand-logo{width:22px;height:22px}.brand strong{font-size:19px}}
@media print{body{background:#fff}.topbar nav,.actions,.form-actions,.footer,.button,button{display:none}.container{width:100%;max-width:none;padding:0}.card{box-shadow:none;border:none;padding:0}.summary-grid{grid-template-columns:repeat(4,1fr);gap:8px}.summary-card{padding:8px}.summary-card strong{font-size:18px}.production-table{min-width:0;font-size:11px}.production-table input[type=number],.production-table input[type=text]{border:none;background:transparent;padding:0}.fill-table th,.fill-table td{padding:5px}.fill-table input[type=checkbox]{appearance:none;border:2px solid #000;width:18px;height:18px}.fill-table input[type=checkbox]:checked:after{content:'✓';font-weight:bold}.needs-production{background:#fff}.print-note{display:block}.page-head h1{font-size:24px}}
.users-table{min-width:1040px}.users-table input[type=checkbox]{width:24px;height:24px;accent-color:var(--brand)}.user-add-form-wide{grid-template-columns:1.2fr 1.6fr 120px 1.2fr 100px auto}.inline-check{display:flex;align-items:center;gap:8px;margin:0;font-weight:bold}.inline-check input{width:22px;height:22px;accent-color:var(--brand)}
.autosave-status{display:inline-block;min-width:72px;font-size:12px;color:var(--muted);font-weight:bold}
.autosave-status.saving{color:#8a5a00}
.autosave-status.saved{color:#2f7048}
.autosave-status.error{color:#b70f3b;min-width:180px}
.production-table{min-width:1500px}.products-table{min-width:1060px}.users-table{min-width:980px}