@font-face{
    font-family:'Vazirmatn';
    src:url('./fonts/Vazirmatn[wght].woff2') format('woff2');
    font-weight:100 900;
    font-style:normal;
    font-display:swap
}
*,
*::before,
*::after{
    box-sizing:border-box
}
html,body,button,input,textarea,select,option{
    font-family:'Vazirmatn',Tahoma,Arial,sans-serif !important
}
body{margin:0;background:#f6f7fb;color:#18243e;font-family:'Vazirmatn',Tahoma,Arial,sans-serif;font-size:15px}a{text-decoration:none;color:inherit}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#faf7ff,#f5f7fb)}.login-card{width:min(420px,calc(100% - 32px));background:#fff;border:1px solid #ececf2;border-radius:24px;padding:36px;box-shadow:0 20px 60px #25203912}.brand{display:flex;align-items:center;gap:8px;color:#b200ed;font-size:30px;font-weight:900;letter-spacing:-1px}.brand i{font-style:normal;border:4px solid #b200ed;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:12px}.login-card>.brand{justify-content:center}.muted{color:#8991a2;text-align:center;margin:12px 0 28px}.login-card label{display:block;font-weight:700;margin:14px 0}.login-card input{display:block;width:100%;height:48px;margin-top:8px;border:1px solid #e5e7ed;border-radius:12px;padding:0 14px;outline:0}.login-card input:focus{border-color:#b200ed;box-shadow:0 0 0 4px #b200ed12}.primary{width:100%;height:48px;border:0;border-radius:12px;background:#b200ed;color:#fff;font:inherit;font-weight:800;cursor:pointer;margin-top:10px}.login-card small{display:block;text-align:center;color:#9aa0ad;margin-top:18px}.alert{background:#fff0f0;color:#b42318;border:1px solid #ffd4d4;border-radius:10px;padding:10px;margin-bottom:15px}.sidebar{position:fixed;inset:0 0 0 auto;width:245px;background:#151725;color:#cbd0df;padding:24px 16px 90px;direction:rtl;box-shadow:0 0 30px #11182718;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#3a3f55 transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#3a3f55;border-radius:4px}.sidebar .brand{padding:0 12px 28px;color:#fff}.side-label{font-size:13px;color:#72798d;padding:14px 13px 8px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{min-height:46px;padding:0 13px;border-radius:11px;display:flex;align-items:center;gap:12px;font-size:15px}.sidebar nav a b{width:22px;text-align:center;font-size:19px;font-weight:400}.sidebar nav a.active,.sidebar nav a:hover{background:#b200ed;color:#fff}.sidebar nav em{margin-right:auto;font-style:normal;font-size:13px;background:#252a3b;padding:4px 7px;border-radius:6px}.logout{position:sticky;bottom:0;margin-top:18px;padding:13px;text-align:center;background:#202334;border-radius:11px;font-size:14px;z-index:2}.admin-main{margin-right:245px;margin-left:0;padding:32px;direction:rtl}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.topbar h1{margin:0 0 8px;font-size:27px}.topbar p{margin:0;color:#8991a2}.top-actions{display:flex;align-items:center;gap:12px}.view-site{background:#fff;border:1px solid #e8e9ef;padding:11px 16px;border-radius:10px;font-size:14px;font-weight:700}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#b200ed;color:#fff;font-weight:900}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid #ebedf2;border-radius:17px;padding:20px;display:flex;gap:15px;align-items:center;box-shadow:0 6px 20px #1b1f3d08}.stat-icon{width:45px;height:45px;border-radius:13px;background:#f5e7fb;color:#b200ed;display:grid;place-items:center;font-size:22px}.stat-card span,.stat-card small{display:block;color:#858d9d;font-size:13px}.stat-card strong{display:block;font-size:22px;margin:6px 0}.grid{display:grid;grid-template-columns:1.7fr 1fr;gap:18px}.panel{background:#fff;border:1px solid #ebedf2;border-radius:18px;padding:22px;box-shadow:0 6px 20px #1b1f3d08}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel h2{font-size:17px;margin:0}.panel-head>span:not(.badge){color:#b200ed;font-weight:900}.welcome>p{color:#858d9d;font-size:14px}.progress{height:8px;background:#f0f1f5;border-radius:20px;overflow:hidden;margin:22px 0}.progress i{display:block;height:100%;background:#b200ed}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.step{padding:13px;border:1px solid #edf0f4;border-radius:12px}.step b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f0f1f5;color:#8c94a3;font-size:13px;margin-bottom:10px}.step.current{border-color:#e8c5f4;background:#fdf9ff}.step.current b{background:#b200ed;color:#fff}.step span,.step small{display:block}.step span{font-size:13px;font-weight:800}.step small{color:#999fab;font-size:12px;margin-top:5px}.quick-btn{display:flex;align-items:center;gap:12px;padding:13px 8px;border-bottom:1px solid #f0f1f4}.quick-btn:last-child{border:0}.quick-btn>b{width:38px;height:38px;border-radius:10px;background:#f5e7fb;color:#b200ed;display:grid;place-items:center;font-size:22px}.quick-btn span{flex:1}.quick-btn strong,.quick-btn small{display:block}.quick-btn strong{font-size:14px}.quick-btn small{font-size:12px;color:#949baa;margin-top:4px}.quick-btn>span:last-child{font-size:24px;color:#9ba1ae}.roadmap{margin-top:18px}.badge{font-size:12px;background:#f1f2f6;color:#70798b;padding:7px 10px;border-radius:8px}.roadmap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.roadmap-grid div{border:1px solid #edf0f4;border-radius:13px;padding:15px}.roadmap-grid b{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#f5e7fb;color:#b200ed;font-size:13px;margin-bottom:11px}.roadmap-grid strong,.roadmap-grid small{display:block}.roadmap-grid strong{font-size:14px}.roadmap-grid small{font-size:12px;color:#9299a8;margin-top:5px}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.roadmap-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.sidebar{position:static;width:100%;height:auto}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{white-space:nowrap}.sidebar .side-label,.logout{display:none}.admin-main{margin:0;padding:18px}.topbar{align-items:flex-start}.top-actions .view-site{display:none}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.stats,.roadmap-grid{grid-template-columns:1fr}.admin-main{padding:14px}.topbar h1{font-size:22px}}.success{background:#edfff5;border:1px solid #c9f1d9;color:#167548;border-radius:11px;padding:12px 15px;margin:0 0 18px}.mini-primary{background:#b200ed;color:#fff;border-radius:9px;padding:9px 13px;font-size:13px;font-weight:800}.product-table{border:1px solid #edf0f4;border-radius:12px;overflow:hidden}.tr{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;padding:13px 15px;border-bottom:1px solid #f0f1f4;font-size:13px}.tr:last-child{border-bottom:0}.tr.head{background:#fafbfc;color:#8991a2;font-weight:800}.tr span:first-child strong,.tr span:first-child small{display:block}.tr span:first-child small{font-size:12px;color:#a1a7b3;margin-top:4px}.status{font-style:normal;color:#167548;background:#edfff5;padding:5px 7px;border-radius:6px;font-size:12px}.empty{text-align:center;color:#9aa1ae;padding:28px}.new-product{margin-top:18px}.product-form{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product-form label{font-size:13px;font-weight:800}.product-form input,.product-form textarea{width:100%;margin-top:7px;border:1px solid #e5e7ed;border-radius:10px;padding:11px;font:inherit;outline:0}.product-form textarea{resize:vertical}.product-form .wide{grid-column:1/-1}.product-form .primary{width:auto;padding:0 25px}@media(max-width:700px){.product-form{grid-template-columns:1fr}.tr{grid-template-columns:2fr 1fr 1fr 1fr;font-size:12px}.product-form .wide{grid-column:auto}}