@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap";:root{font-family:Tajawal,system-ui,sans-serif;color:#271c25;background:#f7f3f6;--primary:#5d1049;--primary2:#7b236e;--line:#e8dde5;--muted:#776c74;--green:#137957;--danger:#aa2f24;box-sizing:border-box}*{box-sizing:inherit}body{margin:0;min-width:320px;background:radial-gradient(circle at 10% 0,#f2e5ef 0,transparent 34%),#f7f3f6}button,input{font:inherit}button{cursor:pointer}.login{min-height:100vh;display:grid;grid-template-columns:1fr 520px;align-items:center;background:linear-gradient(125deg,#2d0824,#721d61);padding:50px;gap:40px}.login-copy{color:#fff;padding:50px;max-width:620px}.login-copy h1{font-size:54px;margin:25px 0 10px}.login-copy p{font-size:21px;color:#ead5e5;line-height:1.8}.logo{width:76px;height:76px;border-radius:25px;background:#fff;color:var(--primary);display:grid;place-content:center;font-size:38px;font-weight:900;box-shadow:0 20px 55px #14051055}.logo.small{width:42px;height:42px;border-radius:14px;font-size:22px;box-shadow:none}.login form{background:#fff;border-radius:28px;padding:38px;display:grid;gap:20px;box-shadow:0 30px 90px #19051466}.login form>span{color:var(--primary2);font-size:12px;font-weight:800}.login h2{margin:0;font-size:31px}.login label{display:grid;gap:8px;font-weight:700}.login input,.scan-form input{border:1px solid var(--line);border-radius:14px;padding:14px 15px;outline:none}.login input:focus,.scan-form input:focus{border-color:var(--primary2);box-shadow:0 0 0 4px #7b236e17}.login form>button,.scan-form button,.pack{border:0;background:var(--primary);color:#fff;border-radius:13px;padding:13px 18px;font-weight:800}.error{background:#fff0ee;color:var(--danger);padding:12px;border-radius:12px}.warehouse>header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20;box-shadow:0 5px 25px #2b102309}.brand,.header-right{display:flex;align-items:center;gap:12px}.brand>div:last-child{display:grid}.brand span{font-size:12px;color:var(--muted)}.warehouse>header nav{display:flex;gap:7px;background:#f4edf2;border-radius:12px;padding:5px}.warehouse>header nav button{border:0;background:transparent;padding:9px 20px;border-radius:9px;font-weight:800;color:var(--muted)}.warehouse>header nav button.active{background:#fff;color:var(--primary);box-shadow:0 4px 15px #4b1b3d18}.counter{background:#f1e5ee;color:var(--primary);border-radius:999px;padding:7px 12px;font-size:13px}.counter b{font-size:17px}.ghost{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 13px;font-weight:700}.warehouse main{max-width:1280px;margin:auto;padding:28px}.route-section,.scan-section,.order-card,.dispatch-page{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;margin-bottom:18px;box-shadow:0 7px 25px #32142808}.section-title{display:flex;align-items:center;gap:13px;margin-bottom:18px}.section-title>span{width:42px;height:42px;border-radius:13px;display:grid;place-content:center;background:#f2e6ef;color:var(--primary);font-weight:900}.section-title h2,.section-title p{margin:0}.section-title h2{font-size:20px}.section-title p{color:var(--muted);font-size:13px;margin-top:3px}.routes{display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));gap:12px}.routes>button{border:1px solid var(--line);background:#fff;border-radius:16px;padding:15px;text-align:right;display:grid;gap:5px;transition:.2s}.routes>button:hover,.routes>button.active{border-color:var(--primary2);box-shadow:0 0 0 3px #7b236e10;transform:translateY(-1px)}.routes>button.active{background:#fdf9fc}.routes span,.routes small{color:var(--muted);font-size:12px}.routes code{color:var(--primary);font-size:11px}.scan-form{display:grid;grid-template-columns:1fr auto;gap:10px}.scan-form input{font-size:25px;font-weight:800;letter-spacing:.05em}.scan-form button{min-width:160px}.order-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}.order-head span{font-size:12px;color:var(--muted)}.order-head h2{margin:2px 0 0;font-size:28px}.badge{padding:7px 12px;border-radius:999px;background:#e4f7ee;color:var(--green);font-weight:800;font-size:12px}.badge.warn{background:#fff1dc;color:#8c560e}.customer{display:flex;align-items:center;gap:13px;padding:18px 0}.avatar{width:48px;height:48px;border-radius:15px;background:#f1e5ee;color:var(--primary);display:grid;place-content:center;font-size:20px;font-weight:900}.customer>div:last-child{display:grid}.customer span{font-size:13px;color:var(--muted)}.customer p{margin:4px 0 0;color:#554a52}.order-info{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.order-info>div{border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:5px}.order-info span{font-size:11px;color:var(--muted)}.transfer-box{background:#faf6f9;border:1px dashed #cdaec4;border-radius:18px;padding:18px;margin-bottom:18px}.transfer-box h3,.transfer-box p{margin:0}.transfer-box p{color:var(--muted);font-size:13px;margin-top:4px}.transfer-box>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.transfer-box button{border:1px solid var(--line);background:#fff;border-radius:15px;padding:15px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;text-align:right}.transfer-box button>span{grid-row:1/3;font-size:24px}.transfer-box button small{color:var(--muted)}.transfer-box button.active{border-color:var(--primary2);box-shadow:0 0 0 3px #7b236e12}.transfer-box button.shipping.active{background:#edf6ff}.transfer-box button.pickup.active{background:#fff6e8}.items{border:1px solid var(--line);border-radius:18px;overflow:hidden}.items-head{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#fbf8fa;border-bottom:1px solid var(--line)}.items-head h3,.items-head p{margin:0}.items-head p{color:var(--muted);font-size:12px;margin-top:3px}.items-head button{border:0;background:transparent;color:var(--primary);font-weight:800}.items>label{display:grid;grid-template-columns:auto 52px 1fr auto;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid #f0e8ed;cursor:pointer}.items>label:last-child{border-bottom:0}.items>label.checked{background:#f0faf5}.items input{width:20px;height:20px;accent-color:var(--primary)}.items img,.item-image{width:50px;height:50px;border-radius:12px;object-fit:cover;background:#f0e5ed;display:grid;place-content:center;color:var(--primary);font-weight:900}.items label>div{display:grid}.items label small{color:var(--muted)}.items em{font-style:normal;font-weight:700}.review-state{padding:13px 0;text-align:left}.review-state span{color:#916a0f;font-weight:700}.review-state span.ok{color:var(--green)}.actions{display:flex;justify-content:flex-end;gap:10px}.actions button{padding:12px 20px;border-radius:12px;font-weight:800}.skip{background:#fff;border:1px solid var(--line)}.pack{min-width:250px}.pack:disabled,.scan-form button:disabled,.login button:disabled{opacity:.5;cursor:not-allowed}.dispatch-page{margin:28px auto!important}.dispatch-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:14px}.dispatch-card{border:1px solid var(--line);border-radius:18px;padding:17px}.dispatch-card>header{display:flex;justify-content:space-between;align-items:flex-start}.dispatch-card h3,.dispatch-card header span{margin:0}.dispatch-card header span{font-size:11px;color:var(--muted)}.dispatch-status{font-size:10px;padding:6px 9px;border-radius:999px;background:#fff0d9;color:#8e570b}.dispatch-status.received{background:#e3f7ed;color:var(--green)}.dispatch-route{display:flex;align-items:center;justify-content:center;gap:15px;background:#faf6f9;border-radius:13px;padding:12px;margin:14px 0}.dispatch-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.dispatch-card dl>div{border:1px solid #f0e8ed;border-radius:11px;padding:9px}.dispatch-card dt{font-size:10px;color:var(--muted)}.dispatch-card dd{margin:3px 0 0;font-weight:700}.dispatch-orders{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.dispatch-orders span{background:#f1e5ee;color:var(--primary);padding:5px 8px;border-radius:8px;font-size:11px;font-weight:700}.empty{text-align:center;color:var(--muted);padding:60px}.toast{position:fixed;left:22px;bottom:22px;background:#1d382e;color:#fff;padding:13px 18px;border-radius:12px;box-shadow:0 15px 50px #0003;z-index:80}.toast.error{background:#8d291f}.toast.info{background:#315f86}@media(max-width:900px){.login{grid-template-columns:1fr;padding:20px}.login-copy{display:none}.login form{max-width:500px;width:100%;margin:auto}.warehouse>header{padding:0 14px}.warehouse>header nav{order:3;position:fixed;left:12px;right:12px;bottom:12px;z-index:30;box-shadow:0 10px 35px #32142930}.warehouse>header nav button{flex:1}.warehouse main{padding:18px 12px 85px}.routes,.order-info{grid-template-columns:1fr 1fr}.dispatch-grid{grid-template-columns:1fr}.counter{display:none}}@media(max-width:560px){.brand span{display:none}.routes,.scan-form{grid-template-columns:1fr}.scan-form button{min-width:0}.transfer-box>div{grid-template-columns:1fr}.items>label{grid-template-columns:auto 42px 1fr}.items em{grid-column:3}.items img,.item-image{width:40px;height:40px}.actions{display:grid;grid-template-columns:1fr}.pack{min-width:0}.order-info{grid-template-columns:1fr 1fr}.dispatch-card dl{grid-template-columns:1fr}.toast{left:12px;right:12px;bottom:75px}}