:root{--ink:#172033;--muted:#6b7280;--line:#e4e7ec;--orange:#e95d2b;--navy:#172033;--paper:#f6f7f9;--green:#16785d;--warn:#b54708}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.4 Inter,ui-sans-serif,system-ui,sans-serif}header{padding:28px max(24px,calc((100vw - 1320px)/2));display:flex;justify-content:space-between;align-items:flex-end;background:var(--navy);color:#fff}h1,h2,h3,p{margin:0}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.12em;opacity:.72}header h1{font-size:31px;line-height:1.1;margin-top:4px}.head-actions,.toolbar,.section-head,nav{display:flex;align-items:center;gap:10px}.head-actions{flex-wrap:wrap;justify-content:flex-end}.head-actions span{font-size:12px;color:#d8e1ef}button{cursor:pointer;border:1px solid #cbd2dc;border-radius:7px;background:#fff;color:var(--ink);padding:8px 11px;font:inherit;font-weight:650}button:hover{border-color:#8895a7}.primary{background:var(--orange);border-color:var(--orange);color:#fff}nav{padding:0 max(24px,calc((100vw - 1320px)/2));background:#fff;border-bottom:1px solid var(--line)}nav button{border:0;border-radius:0;padding:14px 4px;background:none;color:var(--muted)}nav button.active{color:var(--orange);box-shadow:inset 0 -2px var(--orange)}nav span{background:#edf0f3;border-radius:10px;padding:1px 6px;font-size:11px}main{max-width:1320px;margin:0 auto;padding:25px 24px 60px}.view{display:none}.view.active{display:block}.toolbar{margin-bottom:16px}.toolbar input{width:min(420px,100%)}input,textarea,select{font:inherit;border:1px solid #cbd2dc;border-radius:6px;padding:8px;width:100%;background:#fff}label{display:flex;gap:7px;align-items:center;font-size:13px}label input[type=checkbox]{width:auto}.order-list{display:grid;gap:10px}.order{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px;display:grid;grid-template-columns:minmax(230px,1.4fr) minmax(220px,1fr) minmax(180px,.9fr) auto;gap:18px;align-items:center}.order h3{font-size:15px}.muted,small{color:var(--muted)}.status{display:inline-block;font-size:11px;font-weight:700;border-radius:12px;padding:3px 7px;background:#edf0f3}.status.good{background:#dff6ec;color:#086444}.status.warn{background:#fff1dc;color:var(--warn)}.item{margin-top:5px;font-size:12px}.match{font-size:12px;margin-top:5px}.match.ok{color:var(--green)}.match.miss{color:#b42318}.actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.actions button{font-size:12px;padding:6px 8px}.section-head{justify-content:space-between;margin-bottom:16px}.section-head p{margin-top:3px}.config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.config-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:16px}.config-card h3{margin-bottom:12px}.field{margin-bottom:9px}.field label{font-size:12px;font-weight:700;margin-bottom:3px}.rule,.inventory-row{display:grid;grid-template-columns:1.1fr .7fr .8fr .8fr .8fr auto;gap:8px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;margin-top:8px}.rule .field,.inventory-row .field{margin:0}.rule label,.inventory-row label{display:block}.rule label span,.inventory-row label span{display:block;font-size:11px;font-weight:700;margin-bottom:3px}.rule .check{display:flex;align-items:center;gap:5px;height:36px}.rule .check input{width:auto}.empty{background:#fff;border:1px dashed #b8c0cc;border-radius:9px;padding:32px;text-align:center;color:var(--muted)}dialog{border:0;border-radius:10px;box-shadow:0 15px 60px #17203344;width:min(490px,calc(100vw - 30px));padding:0}dialog::backdrop{background:#17203388}#modal-form{padding:22px;position:relative}.close{position:absolute;right:9px;top:7px;border:0;font-size:24px;padding:0 6px}.modal-title{font-size:20px;margin-bottom:13px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}#toast{position:fixed;bottom:20px;right:20px;background:#172033;color:#fff;padding:10px 14px;border-radius:7px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}hr{border:0;border-top:1px solid var(--line);margin:34px 0}@media(max-width:850px){header{align-items:flex-start;gap:16px;flex-direction:column}.order{grid-template-columns:1fr}.actions{justify-content:flex-start}.config-grid{grid-template-columns:1fr}.rule,.inventory-row{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}}
#login-screen{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#172033,#31415d)}body.authenticated #login-screen{display:none}.login-card{width:min(390px,100%);background:#fff;padding:28px;border-radius:12px;box-shadow:0 20px 70px #0005;display:grid;gap:13px}.login-card .eyebrow{color:var(--muted);opacity:1}.login-card h1{font-size:27px}.login-card p{color:var(--muted)}.login-card label{display:grid;gap:4px;font-weight:700}.login-card button{margin-top:4px}.login-card #login-error{color:#b42318;min-height:18px}.user-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;margin-top:8px}.user-row .actions{justify-content:flex-end}.dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.warn-text{color:var(--warn);grid-column:1/-1}.sticker-match,.sticker-choice{display:flex;gap:8px;align-items:center}.sticker-match button{margin-left:auto}.sticker-thumb{width:46px;height:46px;object-fit:cover;border:1px solid var(--line);border-radius:5px;background:#fff;flex:none}.product-image-pair{display:flex;gap:4px;flex:none}.product-image-pair span{display:grid;gap:1px;text-align:center;color:var(--muted);font-size:9px}.product-image-pair .sticker-thumb{width:42px;height:42px}.sticker-results{display:grid;gap:8px;margin-top:14px;max-height:360px;overflow:auto}.sticker-choice{border:1px solid var(--line);border-radius:7px;padding:8px}.sticker-choice button{margin-top:5px;padding:5px 8px;font-size:12px}.order-clickable{cursor:pointer}.order-clickable:hover{border-color:#9eabbc;box-shadow:0 2px 10px #17203312}.wide-modal{width:min(820px,calc(100vw - 30px))}.detail-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-summary p{margin-top:5px}.detail-items{display:grid;gap:8px;margin-top:10px}.detail-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:7px;padding:9px}.detail-item>div{display:flex;align-items:center;gap:9px}.detail-item button{white-space:nowrap}.detail-actions{justify-content:flex-start}.catalog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px}.catalog-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px}.catalog-item .sticker-thumb{width:62px;height:62px}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px}.pagination span{color:var(--muted);font-size:13px}.admin-nav{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);margin:0 0 20px}.admin-nav button{border:0;border-radius:0;background:none;color:var(--muted);padding:10px 4px}.admin-nav button.active{color:var(--orange);box-shadow:inset 0 -2px var(--orange)}.admin-form{max-width:680px}.admin-form-section{padding:0;margin:0 0 22px}.admin-form-section h3{margin-bottom:12px}@media(max-width:600px){.detail-summary{grid-template-columns:1fr}.detail-item{align-items:flex-start;flex-direction:column}}