:root{--bg:#f7f7f8;--surface:#fff;--surface-2:#fafafa;--border:#e8e8ea;--border-strong:#d4d4d8;--text:#18181b;--text-muted:#71717a;--text-soft:#a1a1aa;--primary:#18181b;--primary-hover:#27272a;--danger:#dc2626;--success:#16a34a;--radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #0000000a;--shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#09090b;--surface:#18181b;--surface-2:#1f1f23;--border:#27272a;--border-strong:#3f3f46;--text:#fafafa;--text-muted:#a1a1aa;--text-soft:#71717a;--primary:#fafafa;--primary-hover:#e4e4e7;--danger:#f87171;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 3px #00000080;--shadow-md:0 4px 12px #00000080}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;max-width:100vw;font-size:15px;line-height:1.5;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}img,svg,table{max-width:100%}.login-page{justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.login-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-md);padding:40px 32px}.login-box h1{letter-spacing:-.02em;margin-bottom:28px;font-size:22px;font-weight:600}.login-box input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);margin-bottom:12px;padding:13px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.login-box input::placeholder{color:var(--text-soft)}.login-box input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #18181b14}@media (prefers-color-scheme:dark){.login-box input:focus{box-shadow:0 0 0 3px #fafafa1a}}.login-box button{background:var(--primary);width:100%;color:var(--bg);border-radius:var(--radius-sm);cursor:pointer;border:none;min-height:48px;margin-top:8px;padding:13px;font-size:15px;font-weight:500;transition:background .15s,transform .1s}.login-box button:hover{background:var(--primary-hover)}.login-box button:active{transform:scale(.98)}.login-box button:disabled{opacity:.6;cursor:not-allowed}.layout{width:100%;max-width:1100px;margin:0 auto;padding:24px;overflow-x:hidden}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.header h1{letter-spacing:-.02em;word-break:break-word;font-size:20px;font-weight:600}.header .shop-info{color:var(--text-muted);margin-top:2px;font-size:13px}.header-actions{flex-shrink:0;gap:8px;display:flex}.header-actions button{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;min-height:40px;padding:9px 16px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}.header-actions button:hover{background:var(--surface);border-color:var(--border-strong)}.header-actions button:active{transform:scale(.97)}.tabs{border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;margin-bottom:24px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{cursor:pointer;color:var(--text-muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;min-height:44px;margin-bottom:-1px;padding:12px 16px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--text);border-bottom-color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow-wrap:anywhere;margin-bottom:12px;padding:18px;transition:box-shadow .15s,border-color .15s}.card:hover{box-shadow:var(--shadow)}.card-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.card-header strong{letter-spacing:-.01em;font-size:15px;font-weight:600}.card-header span{color:var(--text-muted);font-size:12px}.card-body{font-size:14px;line-height:1.6}.card-body .row{justify-content:space-between;gap:16px;padding:5px 0;display:flex}.card-body .row span:first-child{color:var(--text-muted);flex-shrink:0}.card-body .row span:last-child{text-align:right;word-break:break-word;min-width:0;font-weight:500}.card-items{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.empty{text-align:center;color:var(--text-soft);padding:80px 20px;font-size:14px}.error{color:var(--danger);border-radius:var(--radius-sm);background:#dc262614;border:1px solid #dc262626;margin-bottom:16px;padding:10px 12px;font-size:13px}.success{color:var(--success);border-radius:var(--radius-sm);background:#16a34a14;border:1px solid #16a34a26;margin-top:16px;padding:10px 12px;font-size:13px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow-wrap:anywhere;padding:18px;transition:box-shadow .15s,border-color .15s}.product-card:hover{box-shadow:var(--shadow);border-color:var(--border-strong)}.product-head{border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:14px}.product-head h3{letter-spacing:-.01em;font-size:16px;font-weight:600;line-height:1.3}.product-model{color:var(--text-muted);margin-top:3px;font-size:13px;display:block}.product-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:13px;display:flex}.product-row .label{color:var(--text-muted)}.product-row .value.mono{background:var(--surface-2);color:var(--text);border-radius:6px;padding:3px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.product-stats{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:8px;padding-top:14px;display:grid}.stat{flex-direction:column;gap:2px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.stat-value{font-variant-numeric:tabular-nums;color:var(--text);font-size:15px;font-weight:600}.search-bar{gap:8px;margin-bottom:16px;display:flex}.search-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);flex:1;min-width:0;padding:12px 14px;font-size:16px;transition:border-color .15s}.search-input::placeholder{color:var(--text-soft)}.search-input:focus{border-color:var(--primary);outline:none}.scan-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);flex-shrink:0;justify-content:center;align-items:center;min-width:48px;min-height:48px;padding:0 16px;transition:background .15s,border-color .15s;display:flex}.scan-btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.scan-btn:active{transform:scale(.96)}.pagination{justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.pagination button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:14px}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{color:var(--text-muted);font-size:13px}.sale-total-values{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.sale-total-iqd{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:13px;font-weight:600}.back-btn{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;min-height:40px;padding:9px 16px;font-size:13px;font-weight:500}.back-btn:hover{background:var(--surface);border-color:var(--border-strong)}.return-qty-row{align-items:center;gap:8px;margin-top:12px;display:flex}.qty-btn{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:600;display:flex}.qty-btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.qty-btn:active{transform:scale(.95)}.qty-input{text-align:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:60px;color:var(--text);padding:8px 10px;font-size:15px;font-weight:600}.qty-input:focus{border-color:var(--primary);outline:none}.max-hint{color:var(--text-soft);font-size:12px}.submit-return-btn{background:var(--primary);width:100%;color:var(--bg);border-radius:var(--radius-sm);cursor:pointer;border:none;min-height:48px;margin-top:16px;padding:14px;font-size:15px;font-weight:600;transition:background .15s}.submit-return-btn:hover{background:var(--primary-hover)}.submit-return-btn:disabled{opacity:.5;cursor:not-allowed}.order-items{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-top:14px;padding-top:14px;display:flex}.order-item{align-items:center;gap:12px;display:flex}.order-item-thumb{object-fit:cover;border:1px solid var(--border);background:var(--surface-2);border-radius:8px;flex-shrink:0;width:48px;height:48px}.order-item-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.order-item-name{color:var(--text);word-break:break-word;font-size:14px;font-weight:500;line-height:1.35}.order-item-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.order-item-meta .qty{background:var(--surface-2);color:var(--text);font-variant-numeric:tabular-nums;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600}.order-item-meta .price{font-variant-numeric:tabular-nums}.order-item-meta .line-total{color:var(--text);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.order-total{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;font-size:15px;display:flex}.order-total span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:600}.order-total strong{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.order-total-values{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.order-total-iqd{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.order-delivery{border-top:1px dashed var(--border);justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;font-size:13px;display:flex}.order-delivery span{color:var(--text-muted)}.order-delivery strong{font-variant-numeric:tabular-nums}.status{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.status-pending{color:#92400e;background:#fef3c7}.status-confirmed{color:#1e40af;background:#dbeafe}.status-shipped{color:#3730a3;background:#e0e7ff}.status-delivered{color:#065f46;background:#d1fae5}.status-cancelled{color:#991b1b;background:#fee2e2}@media (prefers-color-scheme:dark){.status-pending{color:#fcd34d;background:#4a3a00}.status-confirmed{color:#93c5fd;background:#1e3a8a}.status-shipped{color:#c7d2fe;background:#312e81}.status-delivered{color:#6ee7b7;background:#064e3b}.status-cancelled{color:#fca5a5;background:#7f1d1d}}.order-status-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:14px;display:flex}.status-btn{border:1px solid var(--border);border-radius:var(--radius-sm);text-transform:capitalize;cursor:pointer;min-width:80px;color:var(--text-muted);background:0 0;flex:auto;min-height:36px;padding:8px 10px;font-size:12px;font-weight:500;transition:all .15s}.status-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.status-btn.active{background:var(--primary);color:var(--bg);border-color:var(--primary);cursor:default}.status-btn:disabled{opacity:.5;cursor:not-allowed}.status-btn.active:disabled{opacity:1}.settings-page{max-width:680px;margin:0 auto;padding:24px}.settings-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;display:flex}.settings-header h2{letter-spacing:-.02em;font-size:20px;font-weight:600}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field:last-child{margin-bottom:0}.field>span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);padding:12px 14px;font-family:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:80px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #18181b14}.field input::placeholder,.field textarea::placeholder{color:var(--text-soft)}.save-btn{background:var(--primary);width:100%;color:var(--bg);border-radius:var(--radius-sm);cursor:pointer;border:none;min-height:48px;margin-top:16px;padding:14px;font-size:15px;font-weight:600;transition:background .15s}.save-btn:hover{background:var(--primary-hover)}.save-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){body{font-size:14px}.layout{padding:16px}.header{margin-bottom:18px;padding-bottom:14px}.header h1{font-size:17px}.header-actions button{padding:8px 12px;font-size:12px}.tabs{margin-bottom:18px}.tabs button{padding:12px 14px;font-size:13px}.card{border-radius:var(--radius-sm);padding:16px}.card-header{flex-direction:column;align-items:flex-start;gap:4px}.login-box{padding:32px 24px}.product-grid{grid-template-columns:1fr;gap:10px}.product-card{border-radius:var(--radius-sm);padding:16px}.order-item-thumb{width:44px;height:44px}.order-item-name{font-size:13px}.order-item-meta{font-size:12px}.status-btn{flex:calc(50% - 3px);font-size:11px}.settings-page{padding:16px}.settings-header h2{font-size:17px}}.order-item-thumb,.product-image,.product-card img,.cart-item-image,.similar-product-image,.premium-product-image{object-fit:contain;background:#fff;padding:4px}