@import "https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg:#ece4da;--bg-deep:#e2d8cb;--surface:#f6f3ec;--surface-solid:#fff;--ink:#36302a;--muted:#6e655c;--line:#36302a24;--brand:#36302a;--brand-contrast:#f6f3ec;--sage:#5a6b52;--danger:#8f3a2f;--shadow:0 8px 24px #36302a14;--radius:12px;--radius-pill:999px;--tap:48px;--shell-max:480px;--shell-pad:16px;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-family:Almarai,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:linear-gradient(180deg, #f6f3ec8c, transparent 220px), var(--bg);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}h1,h2{letter-spacing:-.01em;color:var(--ink);font-family:Libre Baskerville,Georgia,serif;font-weight:400}.app-shell{width:min(var(--shell-max), 100%);min-height:100dvh;padding:calc(var(--shell-pad) + env(safe-area-inset-top)) calc(var(--shell-pad) + env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) calc(var(--shell-pad) + env(safe-area-inset-left));margin:0 auto;position:relative}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.brand-mark{color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;margin:0;padding:0;display:flex}.brand-mark:focus-visible{outline-offset:4px;outline:2px solid #36302a59}.brand-mark img{width:44px;height:44px;display:block}.brand-mark .brand-text{flex-direction:column;gap:1px;display:flex}.brand-mark .brand{color:var(--ink);font-family:Libre Baskerville,Georgia,serif;font-size:1.35rem;line-height:1}.brand-mark small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.logo-hero{width:96px;height:96px;margin:0 auto 14px;display:block}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink);place-items:center;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.panel h1,.panel h2{margin:0 0 8px}.lede{color:var(--muted);margin:0 0 18px;font-size:.95rem}.stack{flex-direction:column;gap:12px;display:flex}.field label{color:var(--muted);letter-spacing:.02em;margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}.field input,.field select{width:100%;min-height:var(--tap);border:1px solid var(--line);background:var(--surface-solid);color:var(--ink);border-radius:8px;padding:0 14px}.field input:focus,.field select:focus{border-color:var(--ink);outline:2px solid #36302a40}.btn{min-height:var(--tap);border-radius:var(--radius-pill);border:none;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:700;transition:transform .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand);color:var(--brand-contrast);width:100%}.btn-secondary{background:var(--ink);color:var(--brand-contrast);width:100%}.btn-ghost{border:1px solid var(--line);color:var(--ink);background:0 0}.btn-danger{color:var(--danger);background:0 0;border:1px solid #8f3a2f40}.branch-card{text-align:left;border:1px solid var(--line);background:var(--surface-solid);border-radius:var(--radius);width:100%;min-height:72px;padding:16px}.branch-card strong{margin-bottom:4px;font-family:Libre Baskerville,Georgia,serif;font-size:1.1rem;font-weight:400;display:block}.branch-card span{color:var(--muted);font-size:.88rem}.branch-card.selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.status-row{gap:8px;margin-top:12px;display:grid}.status-link{text-align:left;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-solid);width:100%;color:var(--ink);grid-template-columns:1fr auto;grid-template-areas:"label status""action action";gap:2px 12px;padding:12px 14px;text-decoration:none;display:grid}.status-link:hover,.status-link:focus-visible{border-color:var(--ink);outline:none}.status-link-label{text-underline-offset:3px;grid-area:label;font-size:.95rem;font-weight:700;text-decoration:underline}.status-link strong{grid-area:status;align-self:center;font-size:.85rem;font-weight:700}.status-submitted{color:#2f6b3c}.status-pending{color:#7a1f2b}.reminder-panel{border-radius:var(--radius);background:#faf6ee;border:1px solid #9e6f2266;margin-top:12px;padding:14px}.reminder-panel h2{color:#8a5a12;margin:0 0 6px;font-size:1.1rem}.reminder-panel .lede{margin-bottom:8px}.reminder-panel ul{color:var(--ink);margin:0;padding-left:18px;font-size:.9rem}.status-link-action{color:var(--muted);grid-area:action;font-size:.8rem}.confirm-banner{border:1px solid var(--line);border-radius:var(--radius);background:#36302a0f;padding:12px 14px;font-weight:700}.meta-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.category{margin-top:18px}.category-head{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);border-bottom:1px solid var(--line);background:#ece4daf0;padding:10px 4px;font-family:Libre Baskerville,Georgia,serif;font-weight:400;position:sticky;top:0}.item-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:10px;padding:12px}.item-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.item-name{margin-bottom:10px;font-size:.95rem;font-weight:700}.count-lines{gap:8px;display:grid}.count-line{justify-content:space-between;align-items:center;gap:10px;display:flex}.count-line>span{color:var(--muted);min-width:44px;font-size:.85rem;font-weight:700}.stepper{align-items:center;gap:8px;display:flex}.stepper button{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface-solid);width:44px;height:44px;color:var(--ink);font-size:1.25rem;font-weight:700}.stepper input{text-align:center;border:1px solid var(--line);background:var(--surface-solid);border-radius:8px;width:64px;height:44px;font-size:1.05rem;font-weight:700}.extras{gap:8px;margin-top:10px;display:grid}.extras-toggle{color:var(--muted);text-align:left;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:700;text-decoration:underline}.extra-line{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:.88rem;display:flex}.sticky-submit{width:min(var(--shell-max), 100%);padding:12px calc(var(--shell-pad) + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(var(--shell-pad) + env(safe-area-inset-left));z-index:20;background:linear-gradient(#ece4da00,#ece4daf5 28%);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.history-list{flex-direction:column;gap:10px;display:flex}.history-item{text-align:left;border:1px solid var(--line);background:var(--surface-solid);border-radius:var(--radius);width:100%;padding:14px}.history-item strong{margin-bottom:4px;font-family:Libre Baskerville,Georgia,serif;font-weight:400;display:block}.history-item span{color:var(--muted);font-size:.85rem}.pill-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.pill{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface-solid);color:var(--ink);padding:8px 14px;font-size:.85rem;font-weight:700}.pill.active{background:var(--brand);color:var(--brand-contrast);border-color:var(--brand)}.muted{color:var(--muted)}.error{color:var(--danger);margin:0;font-size:.9rem}.success-check{width:64px;height:64px;color:var(--sage);background:#5a6b5224;border-radius:50%;place-items:center;margin-bottom:12px;font-size:1.8rem;display:grid}.detail-table{border-collapse:collapse;width:100%;font-size:.88rem}.detail-table th,.detail-table td{text-align:left;border-bottom:1px solid var(--line);padding:8px 4px}.detail-table th{color:var(--muted);font-weight:700}.field textarea{border:1px solid var(--line);background:var(--surface-solid);width:100%;color:var(--ink);resize:vertical;border-radius:8px;min-height:88px;padding:12px 14px}.field textarea:focus{border-color:var(--ink);outline:2px solid #36302a40}.field-invalid input,.field-invalid textarea{border-color:#7a1f2b}.field-invalid label{color:#7a1f2b}.variance-panel{background:#faf4f2;border-color:#7a1f2b59}.variance-panel h2{color:#7a1f2b;margin:0 0 6px;font-size:1.15rem}.variance-list{color:var(--ink);margin:0 0 14px;padding-left:18px;font-size:.88rem}.item-mismatch,.item-blank{background:#fff8f6;border-color:#7a1f2b73}.item-blank .stepper input{border-color:#7a1f2b}.expected-hint{color:#7a1f2b;margin-top:2px;font-size:.75rem;font-weight:700}.consumed-hint{color:var(--muted);margin-top:2px;font-size:.75rem;font-weight:700}.consumed-hint.negative{color:#7a1f2b}.stock-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 4px;display:flex}.stock-row:last-child{border-bottom:none}.stock-row .name{font-size:.92rem;font-weight:700}.stock-qty{text-align:right;font-variant-numeric:tabular-nums;min-width:52px;font-size:1.1rem;font-weight:800}.stock-qty.missing{color:var(--muted);font-size:.95rem;font-weight:700}.stock-category{margin-top:14px}.stock-category h3{margin:0 0 4px;font-family:Libre Baskerville,Georgia,serif;font-size:1.05rem;font-weight:400}.empty{text-align:center;color:var(--muted);padding:28px 12px}.login-hero{text-align:center}.login-hero h1{margin-top:0}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel,.item-row,.branch-card{animation:.28s both rise}@media (width>=768px){:root{--shell-max:740px;--shell-pad:24px;--tap:52px}.brand-mark .brand{font-size:1.5rem}.brand-mark img{width:52px;height:52px}.logo-hero{width:112px;height:112px}.panel{padding:24px}.panel h1{font-size:1.85rem}.lede{font-size:1rem}.login-hero{max-width:440px;margin-inline:auto}.branch-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.branch-card{min-height:96px;padding:18px}.branch-card strong{font-size:1.2rem}.status-row{grid-template-columns:1fr 1fr;gap:12px}.actions-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.actions-row>.btn-ghost,.actions-row>.btn-danger{grid-column:1/-1}.meta-row{gap:14px}.category{grid-template-columns:1fr 1fr;align-items:start;column-gap:12px;display:grid}.category-head{grid-column:1/-1;padding:12px 6px;font-size:1.15rem}.item-row{padding:14px}.history-list{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stock-category{grid-template-columns:1fr 1fr;column-gap:20px;display:grid}.stock-category h3{grid-column:1/-1}.stock-row{padding:12px 6px}.detail-table{font-size:.95rem}.detail-table th,.detail-table td{padding:10px 6px}.pill{padding:10px 16px;font-size:.9rem}.stepper button{width:48px;height:48px}.stepper input{width:72px;height:48px;font-size:1.1rem}}@media (width>=1024px){:root{--shell-max:920px;--shell-pad:28px}.panel h1{font-size:2rem}.category,.stock-category,.history-list{grid-template-columns:1fr 1fr 1fr}.meta-row{grid-template-columns:1fr 1fr;max-width:640px}}@media (width>=768px) and (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){opacity:.92}.branch-card:hover,.history-item:hover,.status-link:hover{border-color:var(--ink)}}