@font-face{font-family:Vazirmatn;src:url('/assets/vazirmatn-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/assets/vazirmatn-700.woff2') format('woff2');font-weight:600 900;font-display:swap}
:root{
  --bg:#060710;--side:#090b17;--panel:#0f1221;--panel2:#13172a;--panel3:#181d34;
  --line:#a7b6ff18;--line-strong:#a7b6ff2b;--text:#f7f8ff;--muted:#8d93ad;
  --purple:#8b5cf6;--purple2:#6d4aff;--cyan:#22d3ee;--pink:#f472b6;
  --green:#32e6a1;--amber:#ffce73;--red:#ff7085;--blue:#6eb7ff;
  --glow:0 0 40px #7857ff22;--shadow:0 28px 80px #0009
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--text);font-family:"Vazirmatn",Tahoma,sans-serif;background:radial-gradient(circle at 72% -12%,#6d28d928 0,transparent 35%),radial-gradient(circle at 4% 45%,#0891b21d 0,transparent 28%),var(--bg)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.23;background-image:linear-gradient(#aab7ff0b 1px,transparent 1px),linear-gradient(90deg,#aab7ff0b 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
button,input,select,textarea{font:inherit}button{cursor:pointer}.muted{color:var(--muted);line-height:1.9}.mini{text-decoration:none;display:inline-block}
.eyebrow,.kicker{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}
.brand-mark{position:relative;width:70px;height:70px;display:grid;place-items:center;border:1px solid #ffffff33;border-radius:22px;background:linear-gradient(145deg,#9c6cff,#5d43e9 55%,#16b8d4);color:white;font-weight:900;font-size:21px;letter-spacing:-1px;box-shadow:0 18px 55px #7c5cff55,inset 0 1px #fff8}
.brand-mark:after{content:"";position:absolute;inset:7px;border:1px solid #ffffff2e;border-radius:16px}.brand-mark.small{width:45px;height:45px;border-radius:14px;font-size:14px}.brand-mark.small:after{inset:5px;border-radius:10px}
.login{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 28%,#743cff33 0,transparent 28%),radial-gradient(circle at 28% 68%,#06b6d41a 0,transparent 22%),#05060d}
.login:before,.login:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.login:before{width:430px;height:430px;border:1px solid #8b72ff24;box-shadow:0 0 0 55px #744bff08,0 0 0 115px #27d7ef06}.login:after{width:8px;height:8px;background:var(--cyan);box-shadow:165px -115px 0 #9369ff,-170px 80px 0 #ef72ca,105px 170px 0 #8b5cf6,-95px -180px 0 #22d3ee}
.login-card{position:relative;z-index:2;width:min(460px,100%);padding:50px 44px 40px;text-align:center;border:1px solid var(--line-strong);border-radius:30px;background:linear-gradient(145deg,#14172bd9,#0a0c17e8);backdrop-filter:blur(28px);box-shadow:var(--shadow),inset 0 1px #fff0}
.login-card:before{content:"";position:absolute;inset:0;padding:1px;border-radius:30px;background:linear-gradient(130deg,#9f7cff88,transparent 36%,transparent 70%,#22d3ee55);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}
.login-card .brand-mark{margin:0 auto 28px}.login-card h1{margin:0;font-size:23px;direction:ltr;letter-spacing:1.5px}.login-card form{margin-top:34px}.login-card label{margin:0}
.form-error{color:var(--red);min-height:22px;font-size:12px;margin-bottom:0}
.shell{display:grid;grid-template-columns:268px 1fr;min-height:100vh}
.sidebar{position:fixed;right:0;top:0;width:268px;height:100vh;padding:28px 20px;display:flex;flex-direction:column;border-left:1px solid var(--line);background:#080a15db;backdrop-filter:blur(24px);z-index:5}
.logo{display:flex;align-items:center;gap:13px;padding:0 5px 31px}.logo strong,.logo small{display:block}.logo strong{font-size:15px;letter-spacing:1px}.logo small{margin-top:4px;color:#747b98;font-size:9px;letter-spacing:1.1px;direction:ltr;text-align:right}
.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-item{position:relative;border:1px solid transparent;background:transparent;color:#9299b3;padding:13px 15px;border-radius:13px;display:flex;align-items:center;gap:12px;text-align:right;transition:.2s}.nav-item span{width:23px;text-align:center;font-size:19px}.nav-item:hover{background:#ffffff07;color:white;border-color:#ffffff0a}.nav-item.active{color:#dcd6ff;border-color:#9274ff24;background:linear-gradient(100deg,#7857ff25,#22d3ee0c)}.nav-item.active:after{content:"";position:absolute;right:-21px;width:3px;height:28px;border-radius:5px;background:linear-gradient(var(--purple),var(--cyan));box-shadow:0 0 18px #795cff}.nav-item b{margin-right:auto;padding:1px 7px;border-radius:10px;background:var(--red);color:white;font-size:10px}.nav-item b:empty{display:none}
.sidebar-foot{margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}.status-dot{display:flex;align-items:center;gap:8px;padding:8px;color:var(--muted);font-size:11px}.status-dot i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.logout{width:100%;margin-top:8px;padding:10px;border:0;background:transparent;color:#666d87;text-align:right}.logout:hover{color:var(--red)}
main{grid-column:2;width:100%;max-width:1600px;margin:auto;padding:0 38px 54px}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:5px 0;font-size:24px}.top-actions{display:flex;gap:10px}
.primary,.icon-btn,.text-btn{border:0}.primary{padding:12px 18px;border-radius:12px;background:linear-gradient(135deg,#9a6aff,#6e4ff4 58%,#2dbbd1);color:white;font-weight:800;box-shadow:0 12px 30px #7654f630;transition:.2s}.primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.primary.wide{width:100%;padding:15px;letter-spacing:.6px}.icon-btn{width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#111525;color:white;font-size:20px}.text-btn{background:transparent;color:var(--cyan);font-weight:600}
.view{display:none;animation:fade .25s ease}.view.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(7px)}}
.hero{position:relative;overflow:hidden;min-height:246px;padding:43px 46px;border:1px solid #8d72ff2c;border-radius:28px;background:radial-gradient(circle at 78% 30%,#744dfc3a 0,transparent 28%),linear-gradient(118deg,#171b35,#0e1120 66%);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}
.hero:before{content:"";position:absolute;width:420px;height:420px;left:-100px;top:-240px;border:1px solid #24cee534;border-radius:50%;box-shadow:0 0 0 45px #8060ff0b,0 0 0 100px #22d3ee07}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 56%,#a78bfa08);pointer-events:none}.hero h2{margin:15px 0 6px;font-size:34px}.hero p{color:#a7adc7}.hero-badge{display:inline-flex;padding:7px 12px;border:1px solid #8a73ff36;border-radius:30px;background:#7858ff15;color:#b6a6ff;font-size:10px;letter-spacing:1px;direction:ltr}
.hero-orb{position:relative;z-index:2;width:164px;height:164px;border:1px solid #ffffff2b;border-radius:48px;display:grid;place-items:center;transform:rotate(-7deg);background:linear-gradient(145deg,#b68aff,#7552ec 52%,#1fc8df);box-shadow:0 28px 65px #0008,0 0 80px #6f55ec48}.hero-orb:after{content:"";position:absolute;inset:11px;border:1px solid #fff5;border-radius:38px}.hero-orb span{position:relative;z-index:1;color:white;font-weight:900;font-size:15px;transform:rotate(7deg);direction:ltr}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:17px 0}.stat{position:relative;overflow:hidden;padding:21px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--panel2),#0d101d);box-shadow:0 12px 35px #0003}.stat:after{content:"";position:absolute;width:80px;height:80px;left:-28px;bottom:-40px;border-radius:50%;background:#7557ff13;filter:blur(5px)}.stat-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.stat-icon{width:36px;height:36px;border:1px solid #8d73ff1f;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#7655fa22,#22d3ee10);color:#bcaeff;font-size:17px}.stat strong{display:block;margin-top:17px;font-size:25px}.stat small{color:#717791}
.grid-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:17px}.panel{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#111526,#0c0f1c);box-shadow:0 18px 48px #0003}.panel-head{padding:21px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel h3{margin:4px 0;font-size:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{padding:15px 19px;border-bottom:1px solid var(--line);color:#777e99;font-weight:500;text-align:right;white-space:nowrap}td{padding:16px 19px;border-bottom:1px solid #ffffff0a;white-space:nowrap}tr:last-child td{border:0}.empty{padding:36px;text-align:center;color:var(--muted)}
.status{display:inline-flex;gap:6px;align-items:center;padding:5px 9px;border-radius:9px;font-size:10px;font-weight:700}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status.delivered{color:var(--green);background:#32e6a113}.status.pending_review,.status.awaiting_receipt,.status.pending_payment{color:var(--amber);background:#ffce7313}.status.failed,.status.cancelled{color:var(--red);background:#ff708513}.status.paid,.status.provisioning{color:var(--blue);background:#6eb7ff13}
.health-row{display:flex;align-items:center;gap:12px;padding:16px 21px;border-bottom:1px solid var(--line)}.health-row:last-child{border:0}.health-logo{width:38px;height:38px;border:1px solid #9075ff24;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#7557ff1f,#22d3ee0c);color:#b6a6ff;font-size:10px}.health-row strong,.health-row small{display:block}.health-row small{color:var(--muted);font-size:10px}.health-state{margin-right:auto;color:var(--green);font-size:10px}
.section-tools{display:flex;justify-content:space-between;align-items:center;margin:6px 0 23px}.section-tools h2{margin:4px 0;font-size:27px}.search{display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:#101423}.search input{width:230px;padding:11px;background:transparent;border:0;outline:0;color:white}
.product-grid,.supplier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.product-card,.supplier-card{overflow:hidden;border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,#14182b,#0d101d);transition:.22s}.product-card:hover,.supplier-card:hover{transform:translateY(-4px);border-color:#8e74ff48;box-shadow:0 22px 55px #0005,0 0 30px #7557ff12}.product-image{height:185px;position:relative;overflow:hidden;background:#080a13}.product-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:52px;font-weight:800;color:#c4b5fd;background:radial-gradient(circle at 50% 35%,#7c3aed4d,transparent 42%),linear-gradient(145deg,#11152a,#080a13)}.product-image:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#131728)}.product-state{position:absolute;z-index:2;top:13px;right:13px;padding:5px 10px;border:1px solid #ffffff25;border-radius:30px;background:#080a14d9;font-size:10px}.product-body{padding:18px 19px 20px}.product-body h3{margin:0;font-size:18px}.product-body p{margin:4px 0 16px;color:var(--muted);font-size:11px}.price-row{display:flex;align-items:end;justify-content:space-between}.price-row strong{color:#b7a8ff;font-size:17px}.price-row small{color:var(--muted)}.card-actions{display:flex;gap:8px;margin-top:18px}
.secondary,.danger,.mini{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#ffffff08;color:white}.secondary{flex:1}.secondary:hover,.mini:hover{border-color:#8d74ff4a;background:#8d74ff10}.danger{color:var(--red)}.mini{padding:6px 9px;font-size:10px}.mini.approve{border:0;background:linear-gradient(135deg,#36d69b,#1cb981);color:#061a12;font-weight:800}.mini.retry{color:var(--blue)}
select,input,textarea{padding:11px 13px;border:1px solid #a7b6ff1d;border-radius:11px;outline:0;background:#0c0f1c;color:white}select:focus,input:focus,textarea:focus{border-color:#876cff7a;box-shadow:0 0 0 3px #7657ff12}label{display:grid;gap:7px;margin-bottom:16px;color:#969db7;font-size:11px}.notice{padding:15px 18px;margin-bottom:18px;border:1px solid #ffce7328;border-radius:14px;background:#ffce730a;color:#d8c899;font-size:11px}
.supplier-card{padding:21px}.supplier-top{display:flex;align-items:center;gap:13px}.supplier-top h3{margin:0}.supplier-top small{color:var(--muted)}.supplier-active{margin-right:auto;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.supplier-active.off{background:#687089;box-shadow:none}.supplier-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:21px}.supplier-meta div{padding:12px;border-radius:11px;background:#ffffff06}.supplier-meta small,.supplier-meta strong{display:block}.supplier-meta small{color:var(--muted);font-size:9px}.supplier-meta strong{margin-top:4px;font-size:12px}
.inventory-layout{grid-template-columns:1fr 1fr}.inventory-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 21px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;text-align:right}.inventory-item:last-child{border:0}.inventory-item span{color:var(--muted);font-size:10px}.inventory-item strong{color:#b7a8ff;font-size:20px}#inventoryForm{padding:23px}textarea{resize:vertical;line-height:1.8}
dialog{width:min(690px,calc(100% - 32px));max-height:90vh;padding:0;border:0;background:transparent;color:white}dialog::backdrop{background:#03040bd6;backdrop-filter:blur(8px)}.modal-card{overflow:auto;max-height:90vh;border:1px solid var(--line-strong);border-radius:23px;background:#0d1020;box-shadow:var(--shadow)}.modal-head{position:sticky;top:0;z-index:2;padding:21px 25px;border-bottom:1px solid var(--line);background:#0d1020ec;backdrop-filter:blur(16px);display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:4px 0}.close{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:#ffffff08;color:white;font-size:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:23px 25px}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding-top:12px}
.toast{position:fixed;left:28px;bottom:28px;z-index:30;min-width:260px;padding:14px 18px;border:1px solid #ffffff2a;border-radius:13px;background:#13172b;color:white;font-size:11px;font-weight:700;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(15px);transition:.25s}.toast.show{opacity:1;transform:none}.toast.error{background:#2a111b;color:#ffb3bf}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.product-grid,.supplier-grid{grid-template-columns:repeat(2,1fr)}.grid-main{grid-template-columns:1fr}.compact{order:-1}}
@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;top:auto;bottom:0;width:100%;height:70px;padding:8px 12px;border:0;border-top:1px solid var(--line)}.logo,.sidebar-foot{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.nav-item{font-size:0;padding:8px;display:grid;place-items:center}.nav-item span{font-size:21px}.nav-item.active:after{right:auto;bottom:-8px;width:25px;height:3px}main{padding:0 16px 95px}.topbar{height:90px}.topbar h1{font-size:19px}.topbar .eyebrow{display:none}.top-actions .primary{width:44px;padding:0;font-size:0}.top-actions .primary:first-letter{font-size:20px}.hero{min-height:210px;padding:27px}.hero h2{font-size:24px}.hero-orb{display:none}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px}.stat strong{font-size:19px}.product-grid,.supplier-grid{grid-template-columns:1fr}.section-tools{align-items:flex-end}.search input{width:145px}.orders-table th:nth-child(2),.orders-table td:nth-child(2),.orders-table th:nth-child(4),.orders-table td:nth-child(4){display:none}.inventory-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal-head,.form-grid{padding:18px}.login-card{padding:42px 24px 34px}.login-card h1{font-size:18px}}