:root{--bg:#f4f6f8;--card:#fff;--ink:#18212f;--muted:#7b8794;--line:#e4e9ee;--blue:#2563eb;--green:#15936b;--red:#d94a4a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}.topbar{background:var(--ink);color:white;padding:20px max(18px,calc((100vw - 760px)/2)) 18px;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:2px 0 0;font-size:25px;letter-spacing:-.5px}.eyebrow{font-size:10px;letter-spacing:1.3px;font-weight:700;color:#91a0b5}.user-badge{font-size:12px;color:#c9d2dd;border:1px solid #39485b;border-radius:20px;padding:7px 10px}.user-badge span{color:white}main{max-width:760px;margin:0 auto;padding:18px 16px 92px}.screen{display:none}.screen.active{display:block}.hero{background:linear-gradient(135deg,#1b2738,#2d4663);border-radius:18px;color:#fff;padding:22px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 24px #18212f1c}.hero-number{font-size:42px;font-weight:750;line-height:1;margin-top:8px}.hero .muted{color:#b7c5d4}.hero-icon{font-size:56px;color:#a9c9ff;opacity:.8}.section-head{display:flex;justify-content:space-between;align-items:center;margin:24px 2px 10px}.section-head h2,.screen-title h2{font-size:18px;margin:0;letter-spacing:-.2px}.link-btn{border:0;background:none;color:var(--blue);font-size:12px;padding:4px}.stock-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stock-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}.stock-card .cell{font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.5px}.stock-card strong{display:block;font-size:17px;margin:5px 0}.stock-card .product{font-size:12px;color:#526070;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-card.empty{border-style:dashed;background:transparent}.screen-title{display:flex;justify-content:space-between;align-items:flex-start;margin:5px 2px 18px}.screen-title h2{font-size:25px;margin-top:3px}.step-tag{background:#e8eefc;color:var(--blue);border-radius:8px;padding:7px 9px;font-size:11px;font-weight:800}.card{background:var(--card);border:1px solid var(--line);border-radius:16px}.form-card{padding:17px}.form-card label{display:block;font-weight:650;margin-bottom:15px}.form-card .optional{font-size:11px;font-weight:400;color:var(--muted);float:right}.form-card input,.form-card select{display:block;width:100%;margin-top:7px;border:1px solid #d7dee7;border-radius:10px;background:#fff;color:var(--ink);padding:12px 11px;outline:none}.form-card input:focus,.form-card select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb18}.primary{width:100%;border:0;border-radius:11px;background:var(--blue);color:white;font-weight:700;padding:13px;margin-top:4px}.primary:active{transform:translateY(1px)}.log-list{display:grid;gap:8px}.log-item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 13px;display:flex;gap:11px;align-items:flex-start}.log-dot{width:9px;height:9px;border-radius:50%;background:var(--blue);margin-top:6px;flex:none}.log-dot.receipt{background:var(--green)}.log-dot.shipment{background:#e78c31}.log-dot.move{background:#805ad5}.log-main{min-width:0;flex:1}.log-main strong{display:block;font-size:13px}.log-main .details{font-size:12px;color:#5f6c7b;margin-top:2px}.log-time{font-size:10px;color:var(--muted);white-space:nowrap}.tabbar{position:fixed;z-index:5;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:center;padding:8px max(4px,calc((100vw - 760px)/2)) calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px #18212f0b}.tab{flex:1;max-width:145px;border:0;background:none;color:#8994a0;padding:3px 2px 1px;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:2px}.tab b{font-size:22px;line-height:22px;font-weight:500}.tab.active{color:var(--blue);font-weight:700}.toast{position:fixed;left:50%;bottom:85px;transform:translate(-50%,20px);background:#18212f;color:#fff;padding:11px 15px;border-radius:10px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:600px){.stock-grid{grid-template-columns:repeat(3,1fr)}}