@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap");*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Vazirmatn,Tahoma,sans-serif;background:#f3f1eb;color:#172522}button,input,textarea{font-family:inherit}button{cursor:pointer}.app{direction:rtl}.app,.sidebar{min-height:100vh;display:flex}.sidebar{width:265px;background:#102f2b;color:#fff;padding:28px 18px;position:fixed;right:0;top:0;bottom:0;flex-direction:column;z-index:10}.logo{gap:13px;padding:5px 8px 34px;border-bottom:1px solid rgba(255,255,255,.1)}.logo,.logoMark{display:flex;align-items:center}.logoMark{width:48px;height:48px;border-radius:15px;background:#c9a65b;color:#102f2b;justify-content:center;font-size:24px;font-weight:900}.logo strong{display:block;font-size:19px}.logo small{display:block;color:#c9a65b;margin-top:2px;font-size:13px}.menuTitle{color:#718d87;font-size:11px;margin:30px 12px 10px}.nav{width:100%;border:0;background:transparent;color:#a9bbb7;text-align:right;padding:14px 15px;border-radius:12px;margin:3px 0;font-size:14px;transition:.2s}.nav span{display:inline-flex;width:30px;color:#78958e}.nav:hover{background:rgba(255,255,255,.06);color:white}.nav.active{background:#c9a65b;font-weight:800}.nav.active,.nav.active span{color:#102f2b}.sidebarBottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:22px 8px 5px}.siteStatus{color:#b9d5ce;font-size:12px;margin-bottom:9px}.siteStatus i{width:8px;height:8px;display:inline-block;border-radius:50%;background:#55c98b;margin-left:7px}.sidebarBottom small{color:#607b75;font-size:10px}.main{width:calc(100% - 265px);margin-right:265px;min-height:100vh}.header{height:88px;background:#fff;border-bottom:1px solid #e5e0d5;padding:0 42px;display:flex;align-items:center;justify-content:space-between}.pageLabel{font-size:9px;letter-spacing:2px;color:#b18c45;font-weight:800}.header h1{font-size:22px;margin:4px 0 0}.headerUser{gap:11px}.avatar,.headerUser{display:flex;align-items:center}.avatar{width:42px;height:42px;border-radius:50%;background:#102f2b;color:#c9a65b;justify-content:center;font-weight:900}.headerUser strong{display:block;font-size:12px}.headerUser small{display:block;color:#89938f;font-size:10px;margin-top:3px}.content{max-width:1450px;margin:auto;padding:32px 42px 60px}.heroCard{min-height:185px;background:linear-gradient(125deg,#163f39,#102f2b);color:white;border-radius:24px;padding:32px 38px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.heroCard span{color:#d2b16a;font-size:12px;font-weight:700}.heroCard h2{font-size:28px;margin:9px 0}.heroCard p{color:#b8cbc5;font-size:12px;margin:0}.heroShape{width:145px;height:145px;border:1px solid rgba(201,166,91,.4);border-radius:50%;color:rgba(201,166,91,.7);display:flex;align-items:center;justify-content:center;font-size:70px;font-weight:900;margin-left:30px}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:22px}.stat{background:white;border:1px solid #e5e0d5;border-radius:17px;padding:20px}.statTop{display:flex;justify-content:space-between;color:#7e8985;font-size:12px}.statTop b{width:31px;height:31px;background:#f1eadb;color:#a37d36;border-radius:9px;display:flex;align-items:center;justify-content:center}.stat strong{display:block;font-size:27px;margin-top:15px}.stat small{color:#9aa29f;font-size:10px}.green{color:#29936d;font-size:20px!important;margin-top:20px!important}.workspace{background:white;border:1px solid #e5e0d5;border-radius:21px;padding:28px;margin-bottom:22px}.sectionHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.sectionHead span{color:#b18c45;font-size:9px;letter-spacing:1.5px;font-weight:800}.sectionHead h2{font-size:20px;margin:5px 0 0}.secure{color:#29936d;background:#edf8f2;border-radius:20px;padding:8px 13px;font-size:10px}.fields{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:17px;gap:17px}.field label{display:block;color:#45534f;font-size:11px;font-weight:700;margin-bottom:7px}.field input,.field textarea{width:100%;border:1px solid #ddd9d0;background:#faf9f6;border-radius:11px;padding:13px;color:#172522;outline:none;font-size:12px}.field input:focus,.field textarea:focus{border-color:#b18c45;background:white}.field textarea{resize:vertical}.full{grid-column:1/-1}.dropzone{margin-top:20px;min-height:170px;border:2px dashed #d5c9ad;border-radius:17px;background:#fcfaf5;flex-direction:column;text-align:center}.camera,.dropzone{display:flex;align-items:center;justify-content:center}.camera{width:48px;height:48px;border-radius:14px;background:#eadfc7;color:#9c7734;font-size:27px}.dropzone h3{font-size:13px;margin:10px 0 3px}.dropzone p{color:#929a96;font-size:10px;margin:0 0 13px}.choose{position:relative;background:#102f2b;color:white;border-radius:9px;padding:9px 17px;font-size:10px;cursor:pointer;overflow:hidden}.choose input{position:absolute;inset:0;opacity:0;cursor:pointer}.selected{margin-top:20px}.selectedTitle{font-size:11px;color:#64716d;margin-bottom:10px}.preview{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:8px;gap:8px}.thumb{height:82px;border-radius:9px;overflow:hidden;position:relative;background:#eee}.thumb img{width:100%;height:100%;object-fit:cover}.thumb span{position:absolute;top:4px;right:4px;width:19px;height:19px;border-radius:50%;background:#102f2b;color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center}.message{margin-top:15px;padding:11px;background:#edf8f2;color:#26845f;border-radius:9px;font-size:11px}.save{margin-top:18px;border:0;background:#c9a65b;color:#102f2b;padding:13px 25px;border-radius:10px;font-size:12px;font-weight:800}.save:hover{background:#b9954b}.save:disabled{opacity:.6}.refresh{border:1px solid #ded9ce;background:white;border-radius:9px;padding:8px 13px;color:#65716d;font-size:10px}.productGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:17px;gap:17px}.product{border:1px solid #e6e1d8;border-radius:15px;overflow:hidden;background:white}.productPhoto{height:185px;background:#f2f0eb;position:relative;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:35px}.productPhoto img{width:100%;height:100%;object-fit:cover}.photoBadge{position:absolute;bottom:9px;right:9px;background:rgba(16,47,43,.9);color:white;border-radius:7px;padding:5px 8px;font-size:9px}.productBody{padding:16px}.productCode{color:#b18c45;font-size:8px;letter-spacing:1px}.productBody h3{font-size:14px;margin:5px 0}.productBody p{color:#8c9692;font-size:10px;margin:0}.productFooter{border-top:1px solid #eeeae2;margin-top:14px;padding-top:12px;display:flex;justify-content:space-between;color:#89938f;font-size:10px}.productFooter button{border:0;background:#fff1ef;color:#bf5448;border-radius:7px;padding:5px 9px;font-size:9px}.empty{text-align:center;padding:55px 20px;background:#faf9f6;border-radius:13px}.empty>div{font-size:35px;color:#c9a65b}.empty h3{font-size:14px;margin:10px 0 5px}.empty p{color:#929a96;font-size:10px}footer{text-align:center;color:#969d9a;font-size:9px;padding:5px 0 25px}@media (max-width:1050px){.productGrid,.stats{grid-template-columns:repeat(2,1fr)}.preview{grid-template-columns:repeat(5,1fr)}}@media (max-width:700px){.sidebar{width:72px;padding:18px 10px}.logo{justify-content:center;padding:0 0 22px}.logo>div:last-child,.menuTitle,.nav:not(.active) span+*,.sidebarBottom{display:none}.logoMark{width:45px;height:45px}.nav{text-align:center;padding:13px 5px}.nav span{width:auto;font-size:18px}.main{width:calc(100% - 72px);margin-right:72px}.header{padding:0 17px;height:75px}.headerUser>div:last-child{display:none}.content{padding:18px 12px 40px}.heroCard{padding:25px;min-height:160px}.heroCard h2{font-size:21px}.heroShape{width:90px;height:90px;font-size:45px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:14px}.workspace{padding:17px;border-radius:15px}.fields{grid-template-columns:1fr}.full{grid-column:auto}.preview{grid-template-columns:repeat(3,1fr)}.productGrid{grid-template-columns:1fr}.sectionHead h2{font-size:16px}.secure{display:none}.save{width:100%}}