:root{--navy:#062747;--blue:#1769d2;--green:#079669;--gold:#d99d28;--ink:#14283b;--muted:#687a8b;--line:#dce5ec;--paper:#edf3f8}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",system-ui,sans-serif}button,input{font:inherit}[hidden]{display:none!important}.login{min-height:100dvh;display:grid;place-items:center;padding:18px}.login-card{width:min(430px,100%);display:grid;gap:13px;padding:30px;background:white;border-radius:24px;box-shadow:0 18px 55px #0627471c}.mark{display:grid;place-items:center;width:62px;height:62px;margin:auto;border-radius:18px;background:var(--navy);color:white;font-weight:900}.eyebrow{margin:0;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:1.7px}.login-card .eyebrow,.login-card h1,.login-card>.muted{text-align:center}.login-card h1{margin:0;font-size:30px}.muted{margin:0;color:var(--muted);line-height:1.5}.login-card label,#stockForm label{font-size:12px;font-weight:800}.login-card input,#stockForm input,.toolbar input{width:100%;margin-top:5px;padding:13px;border:1px solid var(--line);border-radius:11px;outline:none}.login-card input:focus,.toolbar input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769d220}.login-card button,.toolbar button,.section-title button,.stock-button,.dialog-actions button{border:0;border-radius:11px;padding:13px;background:var(--green);color:white;font-weight:800}.error{min-height:20px;margin:0;color:#b42318}main{max-width:1100px;margin:auto;min-height:100dvh;padding-bottom:24px}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:var(--navy);color:white;box-shadow:0 7px 24px #06274724}header small{display:block;margin-top:3px;color:#bdd0df}header button{border:1px solid #ffffff35;border-radius:9px;padding:9px 13px;background:#ffffff12;color:white}.summary{padding:24px 18px 14px}.summary h1{margin:7px 0 18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.cards article{padding:18px;background:white;border-radius:16px;box-shadow:0 7px 22px #0627470d;border-left:4px solid var(--blue)}.cards article:nth-child(2){border-color:var(--green)}.cards article:nth-child(3){border-color:var(--gold)}.cards span{display:block;color:var(--muted);font-size:12px}.cards strong{display:block;margin-top:8px;font-size:27px}.toolbar{display:grid;grid-template-columns:1fr auto;gap:8px;padding:0 18px 14px}.toolbar input{margin:0;background:white}.toolbar button{background:var(--blue)}.product-panel{margin:0 18px;background:white;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px #0627470e}.section-title{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line)}.section-title h2{margin:4px 0 0;font-size:20px}.section-title button{padding:9px 12px;background:#edf4fb;color:var(--blue)}.product-list{display:grid}.product-card{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.product-card:last-child{border:0}.product-card h3{margin:0 0 4px;font-size:16px}.product-card p{margin:3px 0;color:var(--muted);font-size:12px}.stock{display:flex;align-items:center;gap:10px}.stock strong{font-size:22px;color:var(--green)}.stock.low strong{color:#b42318}.stock-button{padding:9px 11px;font-size:12px}dialog{width:min(470px,calc(100% - 24px));padding:0;border:0;border-radius:19px;box-shadow:0 24px 70px #001b3355}dialog::backdrop{background:#001b3375}#stockForm{display:grid;gap:14px;padding:24px}#stockForm h2{margin:0}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dialog-actions button:first-child{background:#edf2f6;color:var(--ink)}
@media(max-width:600px){.login-card{padding:25px 20px}.summary{padding-top:19px}.cards{gap:8px}.cards article{padding:14px 11px}.cards strong{font-size:21px}.toolbar{grid-template-columns:1fr}.product-card{grid-template-columns:1fr}.stock{justify-content:space-between}.stock-button{min-width:135px}.product-panel{margin-left:10px;margin-right:10px}.summary,.toolbar{padding-left:10px;padding-right:10px}}
.module-tabs{display:flex;gap:8px;overflow-x:auto;padding:0 18px 14px}.module-tab{white-space:nowrap;border:1px solid var(--line);border-radius:12px;padding:12px 15px;background:white;color:var(--ink);font-weight:800}.module-tab.active{background:var(--navy);color:white;border-color:var(--navy)}.module-tab span{display:inline-grid;place-items:center;min-width:21px;height:21px;margin-left:5px;border-radius:999px;background:var(--gold);color:white}.module-hint{margin:4px 18px 18px;padding:22px;text-align:center;color:var(--muted);background:#ffffff90;border:1px dashed #b8c8d5;border-radius:16px}.price-row{display:flex;gap:14px;margin-top:8px}.price-row span{color:var(--muted);font-size:12px}.price-row strong{display:block;margin-top:2px;color:var(--ink);font-size:14px}.order-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.order-form label,#receiveForm label{font-size:12px;font-weight:800}.order-form input,.order-form select,#receiveForm input{width:100%;margin-top:5px;padding:12px;border:1px solid var(--line);border-radius:10px}.order-list,.pending-list{display:grid}.order-item,.pending-item{padding:15px 18px;border-bottom:1px solid var(--line)}.order-item{display:grid;grid-template-columns:auto 1fr 105px;gap:12px;align-items:center}.order-item h3,.pending-item h3{margin:0 0 4px;font-size:15px}.order-item p,.pending-item p{margin:3px 0;color:var(--muted);font-size:12px}.order-item input[type=checkbox]{width:22px;height:22px}.order-item input[type=number]{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px}.order-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;background:white;border-top:1px solid var(--line)}.order-footer small,.order-footer span{display:block;color:var(--muted);font-size:11px}.order-footer strong{display:block;font-size:20px}.order-footer button,.pending-item button,.receive-line button{border:0;border-radius:10px;padding:11px 14px;background:var(--green);color:white;font-weight:800}.pending-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.pending-status{color:#a86100!important;font-weight:800}.empty{padding:20px}.receive-lines{max-height:48vh;overflow:auto;border:1px solid var(--line);border-radius:12px}.receive-line{display:grid;grid-template-columns:1fr 90px;gap:8px;padding:12px;border-bottom:1px solid var(--line)}.receive-line:last-child{border:0}.receive-line input{width:100%;padding:9px;border:1px solid var(--line);border-radius:8px}.receive-line button{margin-top:6px;padding:7px 9px;font-size:11px;background:var(--blue)}#receiveForm{display:grid;gap:14px;padding:24px}#receiveForm h2{margin:0}
@media(max-width:600px){.module-tabs{padding-left:10px;padding-right:10px}.module-hint{margin-left:10px;margin-right:10px}.order-form{grid-template-columns:1fr}.order-item{grid-template-columns:auto 1fr 82px}.pending-item{align-items:flex-start}.price-row{gap:9px}}
.order-action-bar{position:sticky;top:69px;z-index:8;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px;padding:13px 18px;background:#f7fafc;border-bottom:1px solid var(--line);box-shadow:0 7px 18px #06274712}.order-action-bar small,.order-action-bar span{display:block;color:var(--muted);font-size:10px}.order-action-bar strong{display:block;font-size:18px}.order-action-bar button{border:0;border-radius:10px;padding:11px 13px;color:white;font-weight:800}.save-order{background:var(--blue)}.share-order{background:var(--green)}
@media(max-width:600px){.order-action-bar{top:67px;grid-template-columns:1fr 1fr}.order-action-bar>div{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.order-action-bar button{font-size:12px;padding:12px 8px}}
.pending-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.pending-actions button{font-size:12px;padding:9px 11px}.secondary-action{background:var(--blue)!important}.danger-action{background:#b42318!important}.detail-dialog{display:grid;gap:14px;padding:24px}.detail-dialog h2{margin:0}.detail-summary{padding:12px 14px;background:var(--paper);border-radius:12px}.detail-summary p{margin:5px 0;font-size:13px}.detail-lines{max-height:52vh;overflow:auto;border:1px solid var(--line);border-radius:12px}.detail-lines article{display:grid;gap:8px;padding:13px;border-bottom:1px solid var(--line)}.detail-lines article:last-child{border:0}.detail-lines small{display:block;margin-top:3px;color:var(--muted)}.detail-lines article>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:6px}.detail-lines span{font-size:12px;color:var(--muted)}.detail-lines b{color:var(--ink)}.detail-total{display:flex;justify-content:space-between;align-items:center}.detail-total span{font-size:11px;color:var(--muted);font-weight:800}.detail-total strong{font-size:21px}.close-detail{border:0;border-radius:11px;padding:13px;background:var(--navy);color:white;font-weight:800}
@media(max-width:600px){.pending-item{display:grid}.pending-actions{justify-content:stretch}.pending-actions button{flex:1}.detail-dialog{padding:20px 16px}}
.saved-order-dialog{display:grid;gap:13px;padding:27px;text-align:center}.saved-order-dialog h2{margin:0}.saved-check{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:50%;background:#dff7ec;color:var(--green);font-size:31px;font-weight:900}.saved-order-dialog button{border:0;border-radius:11px;padding:14px;font-weight:800}.saved-order-dialog .share-order{color:white}.close-saved{background:#edf2f6;color:var(--ink)}
.order-search-field{grid-column:1/-1}.order-search-field input{background:white;border-color:#afc6da!important}.order-search-field input:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px #1769d220}
.cards .summary-link{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.cards .summary-link:hover,.cards .summary-link:focus{transform:translateY(-2px);box-shadow:0 10px 28px #06274720;outline:2px solid #1769d233}.cards .summary-link:active{transform:scale(.98)}.cards .summary-link small{display:block;margin-top:9px;color:var(--blue);font-size:10px;font-weight:800}.cards .summary-link:nth-child(4){border-color:#b55bcc}
.product-title-actions{display:flex;gap:7px}.section-title .new-product-button{background:var(--green);color:white}.new-product-form{display:grid;gap:15px;padding:24px}.new-product-form h2{margin:0}.new-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.new-product-form label{font-size:12px;font-weight:800}.new-product-form input{width:100%;margin-top:5px;padding:11px;border:1px solid var(--line);border-radius:9px}.new-photo-field{grid-column:1/-1}
@media(max-width:600px){.section-title{align-items:flex-start}.product-title-actions{display:grid}.product-title-actions button{font-size:11px;padding:8px!important}.new-product-grid{grid-template-columns:1fr}.new-photo-field{grid-column:auto}}
.product-card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.product-card-actions button{border:1px solid #bfd0de;border-radius:8px;padding:7px 11px;background:#f5f9fc;color:var(--navy);font-size:11px;font-weight:800}.product-card-actions .history-button{background:#eaf3ff;color:var(--blue)}.product-card-actions .deactivate-product-button{border-color:#f0b8b3;background:#fff0ef;color:#b42318}.history-lines{max-height:58vh;overflow:auto;border:1px solid var(--line);border-radius:12px}.history-lines article{padding:13px;border-bottom:1px solid var(--line)}.history-lines article:last-child{border:0}.history-lines article>div{display:flex;justify-content:space-between;gap:10px}.history-lines p{margin:7px 0;font-size:13px}.history-lines small{color:var(--muted)}.history-lines .positive{color:var(--green);font-weight:900}.history-lines .negative{color:#b42318;font-weight:900}
.supplier-list{display:grid}.supplier-card{display:flex;justify-content:space-between;gap:18px;padding:17px 18px;border-bottom:1px solid var(--line)}.supplier-card:last-child{border:0}.supplier-card h3{margin:0 0 5px}.supplier-card p{margin:3px 0;color:var(--muted);font-size:12px}.supplier-card small{display:block;margin-top:7px;color:var(--ink)}.supplier-card>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.supplier-card button{border:0;border-radius:9px;padding:9px 11px;background:var(--blue);color:white;font-size:11px;font-weight:800}
@media(max-width:600px){.supplier-card{display:grid}.supplier-card>div:last-child{align-items:stretch}.supplier-card button{padding:12px}}
.stock{flex-wrap:wrap;justify-content:flex-end}.adjust-stock-button{border:1px solid #d99d28;border-radius:9px;padding:9px 11px;background:#fff7e5;color:#8b5b00;font-size:12px;font-weight:800}
#stockForm select{width:100%;margin-top:5px;padding:13px;border:1px solid var(--line);border-radius:11px;background:white}
.count-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px 18px}.count-toolbar input{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px}.count-help{margin:0;padding:0 18px 14px;color:var(--muted);font-size:12px}.count-list{display:grid}.count-item{display:grid;grid-template-columns:minmax(180px,1fr) 80px 105px 85px;gap:12px;align-items:center;padding:13px 18px;border-top:1px solid var(--line)}.count-item h3{margin:0 0 3px;font-size:14px}.count-item p{margin:0;color:var(--muted);font-size:11px}.count-item>span strong{display:block;font-size:18px}.count-item label{font-size:11px;font-weight:800}.count-item input{width:100%;margin-top:4px;padding:9px;border:1px solid var(--line);border-radius:8px}.count-difference{font-size:12px;font-weight:900}.count-difference.correct,.count-review .correct{color:var(--green)}.count-difference.negative,.count-review .negative{color:#b42318}.count-difference.positive,.count-review .positive{color:#1769d2}.count-footer{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:white;border-top:1px solid var(--line)}.count-footer small,.count-footer span{display:block;color:var(--muted);font-size:10px}.count-footer strong{font-size:20px}.count-footer button{border:0;border-radius:10px;padding:12px 15px;background:var(--green);color:white;font-weight:800}.count-review{max-height:55vh;overflow:auto;border:1px solid var(--line);border-radius:12px}.count-review article{display:flex;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid var(--line)}.count-review small{display:block;margin-top:4px;color:var(--muted)}.count-review span{font-weight:900}
@media(max-width:600px){.count-toolbar{grid-template-columns:1fr}.count-item{grid-template-columns:1fr 55px 82px}.count-item .count-difference{grid-column:2/-1;text-align:right}.count-footer button{font-size:12px}}