@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--bg:#f6f7fb;--card:#fff;--text:#17181c;--muted:#70758a;--line:#e8eaf1;--primary:#6d4aff;--danger:#d94b52;--ok:#0f9d67;--shadow:0 12px 35px rgba(28,31,52,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Vazirmatn',Tahoma,Arial,sans-serif;direction:rtl}.wrap{max-width:1500px;margin:0 auto;padding:26px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.brand{display:flex;align-items:center;gap:12px}.logo{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#6d4aff,#9b7bff);display:grid;place-items:center;color:#fff;font-weight:800}.title{font-size:24px;font-weight:800}.subtitle{color:var(--muted);font-size:13px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:12px;padding:11px 16px;font-family:inherit;font-weight:700;cursor:pointer;background:#fff;box-shadow:0 0 0 1px var(--line)}.btn.primary{background:var(--primary);color:#fff;box-shadow:none}.btn.danger{background:#fff0f1;color:var(--danger);box-shadow:none}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.kpi .label{color:var(--muted);font-size:13px}.kpi .value{font-size:26px;font-weight:800;margin-top:7px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.card-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.card-title{font-weight:800}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:980px}.table th,.table td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle}.table th{font-size:12px;color:var(--muted);font-weight:700;background:#fbfbfd;white-space:nowrap}.table td{font-size:13px}.product-cell{display:flex;align-items:center;gap:10px;min-width:290px}.thumb{width:52px;height:52px;border-radius:12px;object-fit:cover;background:#f0f1f5}.product-name{font-weight:700;line-height:1.8}.latin,.product-code{font-family:Arial,Helvetica,sans-serif!important;direction:ltr;unicode-bidi:isolate}.money{white-space:nowrap;font-variant-numeric:tabular-nums}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;background:#eef0f5;color:#555c6e}.badge.ok{background:#e9f8f1;color:#087b50}.badge.out{background:#fff0f1;color:#b93c44}.empty{padding:50px;text-align:center;color:var(--muted)}.bulk{padding:18px}.bulk-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px;font-weight:700}.field textarea{width:100%;min-height:220px;border:1px solid var(--line);border-radius:14px;padding:12px;font-family:Arial,Helvetica,sans-serif;direction:ltr;resize:vertical;outline:none}.field textarea:focus{border-color:#b7a9ff;box-shadow:0 0 0 3px rgba(109,74,255,.08)}.bulk-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.counter{font-size:12px;color:var(--muted)}.message{margin:14px 0;padding:12px 14px;border-radius:12px;background:#eef7ff;color:#2a5d8f;display:none}.message.show{display:block}.message.error{background:#fff0f1;color:#a33}.message.success{background:#eaf8f1;color:#087b50}.nav-link{color:var(--primary);font-weight:700;text-decoration:none}.toolbar{display:flex;gap:10px;align-items:center}.search{min-width:260px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-family:inherit;outline:none}.search:focus{border-color:#b7a9ff}.small{font-size:12px;color:var(--muted)}
@media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}.bulk-grid{grid-template-columns:1fr}.wrap{padding:16px}.topbar{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.kpi .value{font-size:22px}.title{font-size:20px}.search{min-width:0;width:100%}.card-head{align-items:flex-start;flex-direction:column}.toolbar{width:100%;flex-wrap:wrap}}