:root{color-scheme:light;--green:#1d5b49;--green-dark:#153f34;--green-soft:#eaf3ef;--ink:#1e2b27;--muted:#687973;--line:#dce6e1;--paper:#fff;--canvas:#f4f7f5;--amber:#fff3d4;--amber-ink:#805c0a;--red:#fde8e7;--red-ink:#a13b35;--shadow:0 10px 30px rgba(18,56,43,.06);font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-size:15px;line-height:1.45}.topbar{min-height:76px;padding:12px max(20px,calc((100vw - 1240px)/2));background:var(--green);color:white;display:flex;align-items:center;gap:14px}.brand-mark{height:42px;width:42px;border:1px solid #8ab6a5;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:20px}.brand-copy span{font-size:10px;letter-spacing:.16em;color:#b8d3c9}.brand-copy h1{font-size:17px;margin:1px 0 0;font-weight:650}.topbar .button{margin-left:auto}.intro{max-width:1240px;margin:34px auto 22px;padding:0 22px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.intro-actions{display:flex;gap:8px;flex-wrap:wrap}.intro h2{font-size:27px;line-height:1.18;letter-spacing:-.03em;margin:4px 0 7px}.intro p:not(.eyebrow){margin:0;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700;color:var(--green);margin:0}.metrics{max-width:1240px;padding:0 22px;margin:0 auto 22px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.metric{min-height:100px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:15px 16px;box-shadow:var(--shadow)}.metric span{display:block;color:var(--muted);font-size:12px;min-height:31px}.metric strong{font-size:27px;line-height:1.1;display:inline-block;margin-top:5px;color:var(--green-dark)}.metric small{margin-left:7px;color:var(--muted);font-size:11px}.metric-warn strong{color:var(--amber-ink)}.metric-alert strong{color:var(--red-ink)}.workspace{max-width:1240px;padding:0 22px;margin:0 auto;display:grid;grid-template-columns:minmax(300px,370px) minmax(0,1fr);gap:16px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-heading h2{margin:3px 0 0;font-size:19px;letter-spacing:-.02em}.panel-heading .eyebrow{font-size:9px}.form-panel form{display:grid;gap:12px}.form-panel label{display:grid;gap:5px;color:#33443e;font-size:12px;font-weight:650}.form-panel input,.form-panel textarea,.filter-row input,.filter-row select{width:100%;min-width:0;font:inherit;color:var(--ink);border:1px solid #d3dfd9;border-radius:9px;background:#fff;padding:10px 11px;outline:none}.form-panel input:focus,.form-panel textarea:focus,.filter-row input:focus,.filter-row select:focus{border-color:#4e9278;box-shadow:0 0 0 3px rgba(61,132,104,.13)}.form-panel input,.form-panel textarea{background:#fffaf0}.form-panel textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button{border:1px solid transparent;border-radius:9px;min-height:39px;padding:9px 13px;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}.button-primary{background:var(--green);color:#fff}.button-primary:hover{background:var(--green-dark)}.button-light{background:#fff;color:var(--green);border-color:#d2e3db}.button-outline{background:transparent;color:var(--green);border-color:#a7c3b7}.button-quiet{background:#f1f6f3;border-color:#dbe7e1;color:#315b4c}.button-quiet:hover,.button-outline:hover{background:var(--green-soft)}.form-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.edit-tag{font-size:10px;font-weight:700;color:#80600c;background:var(--amber);padding:5px 8px;border-radius:30px}.hidden{display:none!important}.list-panel{min-height:380px}.list-heading{align-items:flex-end}.list-tools{display:flex;gap:7px}.list-tools .button{font-size:11px;padding:7px 9px;min-height:34px}.filter-row{display:grid;grid-template-columns:auto minmax(100px,1fr) minmax(150px,190px);gap:9px;align-items:center;margin:0 0 13px}.filter-row label{font-weight:700;font-size:11px;color:var(--muted)}.filter-row input,.filter-row select{padding:8px 9px;font-size:12px}.empty-state{text-align:center;padding:45px 15px;color:var(--muted);border:1px dashed #cddbd4;border-radius:12px;background:#fbfdfc}.empty-icon{width:35px;height:35px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-size:23px}.empty-state h3{margin:0 0 3px;color:var(--ink);font-size:15px}.empty-state p{margin:0;font-size:12px}.batch-list{display:grid;gap:9px}.batch-card{border:1px solid var(--line);border-radius:12px;padding:13px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.batch-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.batch-title{font-weight:750;font-size:14px}.badge{border-radius:30px;padding:4px 8px;font-weight:700;font-size:10px;background:#edf1ef;color:#52645d}.badge.pending{background:#fcebdc;color:#93500c}.badge.incubating{background:#e8f3ed;color:#226348}.badge.soon{background:#fff3d4;color:#805c0a}.badge.overdue{background:#fde8e7;color:#a13b35}.badge.done{background:#e7edf8;color:#405a8d}.batch-detail{margin-top:7px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;color:var(--muted);font-size:11px}.batch-detail b{color:#34453f;font-weight:650}.batch-notes{margin:7px 0 0;color:var(--muted);font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.batch-actions{display:flex;gap:5px}.icon-button{border:1px solid var(--line);background:white;border-radius:8px;padding:6px 8px;color:#456157;font-weight:700;font-size:11px;cursor:pointer}.icon-button.delete{color:#9a4942}.icon-button:hover{background:#f5f8f6}.storage-note{margin:13px 0 0;color:var(--muted);font-size:10px}footer{text-align:center;color:#83918b;font-size:11px;padding:26px 16px 32px}footer span{padding:0 5px}.toast{position:fixed;z-index:5;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#163f34;color:white;border-radius:10px;padding:11px 15px;font-size:13px;box-shadow:var(--shadow);transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{grid-template-columns:minmax(270px,330px) minmax(0,1fr)}}
@media(max-width:700px){.topbar{min-height:66px;padding:10px 16px}.brand-mark{height:38px;width:38px}.brand-copy h1{font-size:15px}.intro{margin:25px auto 17px;padding:0 16px;align-items:flex-start;flex-direction:column}.intro h2{font-size:23px}.intro .button{width:100%}.metrics{padding:0 16px;margin-bottom:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{min-height:88px;padding:12px}.metric span{font-size:11px;min-height:27px}.metric strong{font-size:23px}.workspace{padding:0 16px;grid-template-columns:1fr;gap:12px}.panel{padding:16px;border-radius:14px}.form-panel{order:0}.list-panel{order:1}.filter-row{grid-template-columns:1fr 1fr}.filter-row label{grid-column:1/-1}.filter-row input{grid-column:1/-1}.filter-row select{grid-column:1/-1}.list-heading{align-items:flex-start;flex-direction:column}.list-tools{width:100%}.list-tools .button{flex:1}.batch-card{padding:11px;grid-template-columns:minmax(0,1fr)}.batch-actions{justify-content:flex-end}.batch-detail{grid-template-columns:1fr 1fr}.topbar .button{font-size:11px;padding:7px 9px;min-height:34px}}

.production-panel{max-width:1196px;margin:0 auto 16px}.production-help{font-size:12px;color:var(--muted);margin:-8px 0 14px}.production-form{display:grid;grid-template-columns:160px 190px minmax(160px,1fr) auto auto;gap:10px;align-items:end}.production-form label{display:grid;gap:5px;color:#33443e;font-size:12px;font-weight:650}.production-form input,.month-toolbar input{width:100%;min-width:0;font:inherit;color:var(--ink);border:1px solid #d3dfd9;border-radius:9px;background:#fffaf0;padding:10px 11px}.month-toolbar{display:flex;gap:10px;align-items:center;margin:20px 0 12px;font-size:12px;font-weight:700;color:#33443e}.month-toolbar input{width:auto;background:white}.production-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.production-metrics article{border:1px solid var(--line);background:#f8fbf9;border-radius:10px;padding:11px 13px}.production-metrics span{display:block;font-size:11px;color:var(--muted)}.production-metrics strong{font-size:21px;color:var(--green-dark)}.table-wrap{overflow-x:auto}.production-table{width:100%;border-collapse:collapse;font-size:12px}.production-table th,.production-table td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:middle}.production-table th{background:#f1f6f3;color:#456157;font-size:11px}.production-table td:nth-child(2){font-weight:700}.production-table td:nth-child(3){max-width:360px;overflow-wrap:anywhere;color:var(--muted)}@media(max-width:900px){.production-panel{margin-left:22px;margin-right:22px}.production-form{grid-template-columns:1fr 1fr}.production-notes{grid-column:1/-1}}@media(max-width:700px){.production-panel{margin:0 16px 12px}.production-panel .panel-heading{align-items:flex-start;flex-direction:column}.production-form{grid-template-columns:1fr 1fr}.production-form .button{width:100%}.month-toolbar{justify-content:space-between}.production-metrics{gap:7px}.production-metrics article{padding:9px}.production-metrics span{font-size:10px}.production-metrics strong{font-size:18px}.production-table{min-width:560px}}