:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#142d33;background:#f3f6f5;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d8a84b;outline-offset:2px}.hidden{display:none!important}.topbar{height:74px;background:#102d33;color:white;padding:0 max(24px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:1.2rem;letter-spacing:-.02em}.brand-mark{height:50px;width:50px;border-radius:13px;background:#e9b65e;color:#112b2e;display:grid;place-items:center;font-weight:850;letter-spacing:-.09em}.brand-mark.small{height:38px;width:38px;border-radius:10px;font-size:.85rem}.top-actions{display:flex;align-items:center;gap:12px}.user-chip{color:#c2d4d3;font-size:.88rem}.quiet{border:1px solid #3d5b5f;border-radius:9px;background:transparent;color:white;padding:10px 14px}.shell{max-width:1368px;margin:auto;padding:36px 24px 70px}.page-intro,.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.page-intro{margin-bottom:26px}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.14em;color:#ba7a27;margin:0 0 7px}.page-intro h1{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.045em;margin:0 0 8px}.subtle{color:#64767a;margin:0;line-height:1.5}.toolbar,.modal-actions{display:flex;gap:10px}.primary,.secondary,.danger{border-radius:10px;border:1px solid transparent;padding:11px 17px;font-weight:700;min-height:44px}.primary{background:#123a3f;color:#fff}.primary:hover{background:#1a5056}.secondary{background:#fff;color:#214148;border-color:#cfdbd9}.secondary:hover{background:#eff5f3}.danger{background:#ae3937;color:white}.danger:hover{background:#942d2b}.text-button{border:0;background:none;color:#2b6469;font-weight:700;padding:10px 0}.summary{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin-bottom:40px}.summary>div{border:1px solid #dae4e2;background:white;border-radius:18px;padding:22px 25px;min-height:142px;display:flex;flex-direction:column;justify-content:center}.summary>div span,.detail-summary span{font-size:.73rem;letter-spacing:.12em;font-weight:800;color:#6c8588}.summary strong{font-size:2.15rem;line-height:1.1;letter-spacing:-.05em;margin:10px 0 5px}.summary-main{background:#153a3f!important;color:white;border-color:#153a3f!important;position:relative;overflow:hidden}.summary-main:after{content:"";position:absolute;border:24px solid rgba(233,182,94,.13);height:190px;width:190px;border-radius:50%;right:-40px;top:-90px}.summary-main span{color:#c9dcda!important}.summary-main strong{font-size:2.7rem;position:relative;z-index:1}.summary small{color:#b8cecc}.section-heading{margin-bottom:16px}.section-heading h2{font-size:1.45rem;letter-spacing:-.035em;margin:0}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:42px}.category{height:112px;background:white;border:1px solid #d8e3e1;border-radius:15px;padding:17px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;transition:transform .15s,border-color .15s,box-shadow .15s}.category:hover{transform:translateY(-2px);border-color:#84aba7;box-shadow:0 8px 20px #1a484511}.category.active{background:#e5f0ee;border:2px solid #2f7475;padding:16px}.category .name{font-weight:800;font-size:1rem}.category .kg{font-size:.91rem;color:#59777a}.category.active .kg{color:#205356}.workspace{background:white;border:1px solid #dbe5e3;border-radius:20px;padding:25px;box-shadow:0 10px 38px #183b3709}.product-heading{margin-bottom:18px}.totals-strip{display:flex;gap:8px;overflow:auto;padding:0 0 16px;scrollbar-width:thin}.total-pill{white-space:nowrap;border:1px solid #dfebe8;background:#f4f8f7;border-radius:9px;padding:9px 12px;font-size:.86rem}.total-pill strong{margin-left:8px;color:#16474b}.list-head,.product-row{display:grid;grid-template-columns:minmax(0,2fr) 1fr 1.4fr 80px;align-items:center;gap:12px}.list-head{border-bottom:1px solid #e2eae8;color:#71858a;font-size:.78rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:14px 16px}.product-row{padding:15px 16px;border-bottom:1px solid #edf1f0}.product-row:last-child{border-bottom:0}.product-name{font-weight:750}.product-name small{display:block;color:#75898d;font-weight:500;margin-top:3px}.kg-value{font-weight:800;font-variant-numeric:tabular-nums}.last-date{color:#637a7e;font-size:.89rem}.row-actions{display:flex;gap:8px;justify-content:flex-end}.icon-button{background:#f2f7f5;border:1px solid #dce8e4;color:#285b5f;border-radius:9px;min-width:38px;height:38px;font-size:1.25rem;line-height:1}.icon-button:hover{background:#e5f0ed}.empty{padding:40px 18px;text-align:center;color:#668084}.empty strong{display:block;color:#26464b;font-size:1.1rem;margin-bottom:6px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 85% 10%,#285b5c 0,#102d33 40%,#0c2429 100%)}.login-card{width:min(440px,100%);padding:38px;border-radius:22px;background:white;box-shadow:0 28px 70px #00191e66}.login-card h1{letter-spacing:-.04em;margin:8px 0;font-size:2rem}.login-card .subtle{margin-bottom:25px}.login-card form,.modal form{display:grid;gap:16px}.login-card label,.modal label,.danger-box label{display:grid;gap:7px;font-size:.88rem;font-weight:700;color:#2b474d}.login-card input,.modal input:not([type=radio]),.modal select,.modal textarea,.danger-box input{width:100%;border:1px solid #cbdad8;border-radius:9px;background:white;color:#14363a;padding:11px 12px;min-height:44px}.full{width:100%;margin-top:3px}.form-error{color:#ae3937;font-size:.88rem;min-height:1.25em;margin:0}.modal,.detail-modal{border:1px solid #d5e2df;border-radius:18px;padding:25px;width:min(520px,calc(100% - 28px));max-height:calc(100vh - 32px);box-shadow:0 24px 80px #06232855;color:#19363b}.modal::backdrop,.detail-modal::backdrop{background:#0c272ec0}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.modal-head h2{margin:0;font-size:1.5rem;letter-spacing:-.03em}.modal .close,.detail-modal .close{font-size:1.4rem}.modal-actions{justify-content:flex-end;margin-top:7px}.toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toggle-row label{display:block;cursor:pointer}.toggle-row input{position:absolute;opacity:0}.toggle-row span{display:block;text-align:center;padding:10px;border:1px solid #d3e0de;border-radius:9px}.toggle-row input:checked+span{background:#e4f1ed;border-color:#347774;color:#174e4e;font-weight:800}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.optional{font-weight:400;color:#789095}.detail-modal{width:min(820px,calc(100% - 28px))}.detail-summary{background:#eef5f3;border-radius:13px;padding:18px;display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.detail-summary strong{font-size:1.8rem;letter-spacing:-.04em;margin-right:auto}.detail-table-head,.detail-entry{display:grid;grid-template-columns:1.35fr 1.2fr .8fr;gap:12px;align-items:center;padding:13px 8px}.detail-table-head{color:#6c8387;text-transform:uppercase;letter-spacing:.06em;font-weight:800;font-size:.75rem;border-bottom:1px solid #e1eae8}.detail-entry{border-bottom:1px solid #ecf1ef;font-size:.9rem}.detail-entry .kind{display:block;color:#698187;font-size:.78rem;margin-top:3px}.detail-entry .amount{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}.detail-entry .amount.out{color:#b34e45}.detail-entries{max-height:50vh;overflow:auto}.detail-entry .meta{font-size:.75rem;color:#72898c}.danger-box{background:#fff5f3;border:1px solid #f0cbc5;border-radius:12px;padding:18px;margin-top:20px}.danger-box h3{margin:0 0 6px}.danger-box p{color:#795b58;line-height:1.5;margin:0 0 16px}.danger-box button{margin-top:14px}.toast{position:fixed;right:22px;bottom:22px;background:#123b3d;color:#fff;padding:13px 18px;border-radius:10px;box-shadow:0 12px 30px #15383955;z-index:10}@media(max-width:850px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary{grid-template-columns:1fr 1fr}.summary-main{grid-column:1/-1}.summary>div{min-height:110px}}@media(max-width:600px){.topbar{padding:0 16px}.shell{padding:23px 14px 45px}.page-intro{align-items:start;flex-direction:column}.toolbar{width:100%}.toolbar button{flex:1}.summary{gap:8px}.summary>div{padding:16px}.summary strong{font-size:1.65rem}.summary-main strong{font-size:2.2rem}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:26px}.category{height:90px;padding:13px}.category.active{padding:12px}.workspace{padding:17px 12px}.product-heading{align-items:center}.product-heading .primary{font-size:.85rem;padding:8px}.list-head{display:none}.product-row{grid-template-columns:1fr auto;gap:8px;padding:14px 5px}.product-row .last-date{display:none}.row-actions{grid-column:2;grid-row:1/3}.kg-value{grid-column:1;grid-row:2}.detail-summary{align-items:flex-start}.detail-summary strong{width:100%}.detail-table-head,.detail-entry{grid-template-columns:1fr .8fr}.detail-table-head span:nth-child(2),.detail-entry .person{display:none}.login-card{padding:27px}.user-chip{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.category{justify-content:center}.product-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:16px}.product-tile{min-height:95px;border:1px solid #d8e3e1;border-radius:15px;background:#fff;color:#19363b;font-weight:750;padding:18px;text-align:left}.product-tile:hover{background:#edf5f2;border-color:#84aba7}.product-list .empty{grid-column:1/-1}.entry-modal{border-radius:28px;padding:28px}.entry-modal .modal-head{margin-bottom:6px}.entry-modal .form-grid{gap:22px 18px}.entry-modal .modal-actions{justify-content:center}.entry-modal .modal-actions .primary{min-width:190px}.entry-modal input[readonly]{background:#eff5f3;font-weight:750}.primary:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.product-list{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-modal{padding:22px 18px}.entry-modal .form-grid{gap:18px 12px}.entry-modal input{min-width:0}}

/* Compact overview: show all totals without a horizontal scroll strip. */
.shell{padding-top:20px;padding-bottom:22px}.page-intro{margin-bottom:16px}.page-intro h1{font-size:1.8rem}.summary{margin-bottom:20px;gap:10px}.summary>div{min-height:92px;padding:14px 20px}.summary strong{font-size:1.7rem;margin:6px 0}.summary-main strong{font-size:2rem}.category-grid{gap:10px;margin-bottom:20px}.category{height:70px}.section-heading{margin-bottom:12px}.workspace{padding:18px 20px}.totals-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;padding:0;gap:8px}.total-pill{white-space:normal;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px}.total-pill strong{margin:0;white-space:nowrap}.toolbar{flex-wrap:wrap}.danger:disabled{opacity:.6;cursor:wait}@media(max-width:850px){.totals-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.summary{grid-template-columns:2fr 1fr 1fr}.summary-main{grid-column:auto}}@media(max-width:600px){.totals-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.summary{grid-template-columns:1fr 1fr}.summary-main{grid-column:1/-1}.category{height:64px}.total-pill{flex-direction:column;align-items:flex-start}.workspace{padding:14px}.page-intro h1{font-size:1.6rem}}
@media(min-width:900px) and (max-height:900px){.topbar{height:56px}.shell{padding:12px 20px}.page-intro{margin-bottom:10px;align-items:center}.page-intro h1{font-size:1.5rem}.page-intro .eyebrow{display:none}.summary{margin-bottom:12px}.summary>div{min-height:70px;padding:10px 16px}.summary-main small{display:none}.summary strong,.summary-main strong{font-size:1.65rem;margin:4px 0 0}.section-heading{margin-bottom:8px}.section-heading h2{font-size:1.15rem}.category-section .eyebrow{display:none}.category-grid{gap:8px;margin-bottom:12px}.category{height:48px;padding:10px 15px}.workspace{padding:12px 16px}.totals-strip{gap:6px}.total-pill{padding:7px 10px;font-size:.8rem}.primary,.secondary,.danger{min-height:38px;padding:8px 14px}}

.bottom-stock{display:block;margin:16px 0 0}.bottom-stock .summary-main{align-items:center;text-align:center;min-height:76px}.bottom-stock .summary-main strong{font-size:2rem}.page-intro{align-items:center}.toolbar{display:flex;flex-wrap:nowrap;align-items:center}.toolbar button{white-space:nowrap}#history-dialog{width:min(1150px,calc(100% - 28px))}.all-product-records{display:grid;gap:0}.record-row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px;padding:14px 0;border-bottom:1px solid #dce8e4}.record-row:last-child{border-bottom:0}.record-product h3{margin:0 0 6px;font-size:1rem}.record-product>strong{color:#276769}.record-items{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.record-chip{display:grid;gap:3px;background:#eff6f3;border:1px solid #dbe8e2;padding:9px 12px;border-radius:9px;font-size:.8rem;overflow-wrap:anywhere}.record-chip strong{font-size:.95rem}.record-chip span{color:#526f73}@media(max-width:900px){.page-intro{flex-direction:column;align-items:flex-start}.toolbar{width:100%}.toolbar button{flex:1}}@media(max-width:600px){.toolbar{gap:5px}.toolbar button{padding:8px 6px;font-size:.75rem}.record-row{grid-template-columns:1fr;gap:8px}.record-product{display:flex;align-items:center;justify-content:space-between;gap:12px}.record-product h3{margin:0}.bottom-stock .summary-main{grid-column:auto}}

/* Soft sage and warm neutral theme. */
:root{color:#35433d;background:#f2f3ed;--soft-surface:#fafbf7;--soft-border:#dce2d7;--soft-muted:#647164}
.topbar{background:#e5ebe1;color:#35433d;border-bottom:1px solid #d4ddce}
.brand-mark{background:#d7dfc7;color:#465740}.user-chip{color:#5e6d5b}.quiet{border-color:#cbd5c4;color:#465740;background:#edf1e8}.quiet:hover{background:#dce5d6}
.eyebrow{color:#737b5b}.subtle,.last-date{color:#647164}
.category,.product-tile,.workspace,.summary>div,.login-card,.modal,.detail-modal{background:#fafbf7;border-color:#dce2d7;color:#35433d}
.category .name{font-weight:700}.category:hover,.product-tile:hover{background:#eaf0e4;border-color:#aabb9f;box-shadow:0 3px 10px #4657400a;transform:none}.category.active{background:#e5eddd;border-color:#93a68b}
.workspace{box-shadow:0 4px 18px #46574005}.primary{background:#536b57;color:#fff;border-color:#536b57}.primary:hover{background:#465e4a}.secondary{background:#edf1e6;border-color:#d3ddca;color:#465b42}.secondary:hover{background:#e1e9d8}
.danger{background:#f0e3dd;color:#814a41;border-color:#dfc7be}.danger:hover{background:#e8d5cd}.danger-box{background:#f7efea;border-color:#e6d6cd}.danger-box h3{color:#794b41}.danger-box p{color:#775b53}.form-error{color:#91483e}
.summary-main{background:#e2eadb!important;border-color:#ccd9c3!important;color:#3d5338}.summary-main span{color:#596d50!important}.summary-main:after{display:none}.summary small{color:#64765b}.summary>div span,.detail-summary span{color:#647164}
.total-pill,.record-chip{background:#eef2e8;border-color:#dce4d3;color:#4d5e46}.total-pill strong,.record-product>strong{color:#496140}.record-chip span,.detail-entry .kind,.detail-entry .meta{color:#647164}.record-row{border-color:#dfe5d9}
.modal,.detail-modal{box-shadow:0 18px 60px #39483524}.modal::backdrop,.detail-modal::backdrop{background:#3e4b415c}.icon-button{background:#edf1e7;border-color:#d9e1d0;color:#536b49}.icon-button:hover{background:#e1e9d8}
.login-screen{background:radial-gradient(ellipse at 80% 15%,#e0e7d7,#f2f3ed 65%)}.login-card{box-shadow:0 16px 48px #4b60421a;border:1px solid #dce2d7}
.login-card label,.modal label,.danger-box label{color:#465440}.login-card input,.modal input:not([type=radio]),.modal select,.modal textarea,.danger-box input{background:#fffefa;border-color:#cbd6c3;color:#35433d}.entry-modal input[readonly]{background:#edf1e7}
.detail-summary{background:#eaf0e3}.detail-table-head{color:#647164;border-color:#dce2d7}.detail-entry{border-color:#e5eadd}.detail-entry .amount.out{color:#915a4c}.empty,.optional{color:#647164}.empty strong{color:#465440}.toast{background:#536b57;box-shadow:0 8px 24px #39483520}.text-button{color:#536b49}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#8c9f75}