:root{--primary-color: #000;--primary-fade: #eee;--text-color: #000;--reverse-color: #fff;--menu: rgba(0, 0, 0, .05);--max-width: 1200px;--full-width: calc(100% - 30px) ;--main: #fff;--control-border: #ddd;--control-view: #f8f8f8;--placeholder: #888}*{margin:0;padding:0;line-height:1.5;outline:none;box-sizing:border-box;scroll-behavior:smooth}[dir=ltr] *{font-family:Roboto,Vazirmatn,sans-serif}[dir=rtl] *{font-family:Vazirmatn,Roboto,sans-serif}[dir=rtl] .arrowPrevious,[dir=rtl] .arrowNext{transform:scaleX(-1)}input[type=number],input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;-moz-appearance:textfield}main-menu{position:sticky;display:block;width:100%;height:60px;top:0;border-bottom:1px solid #eee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffc;z-index:100}.layout>*:not(router-outlet,admin-menu){position:relative;display:flex;flex-direction:column;align-items:start;gap:15px;width:100%;height:100%;padding:15px;overflow:hidden}app-settings>*:not(router-outlet,.tabs){position:relative;display:flex;flex-direction:column;align-items:start;gap:15px;width:100%;height:100%}main{position:relative;display:block;width:var(--full-width);max-width:var(--max-width);min-height:400px;margin:auto auto 75px;background-color:transparent}main-footer{position:relative;display:flex;flex-direction:column;gap:60px;width:100%;min-height:100px;padding:60px 0;background-color:#222}pagination{position:relative;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;width:100%;height:40px;border-radius:10px;background:#fff}.products .content{position:relative;display:flex;flex-wrap:wrap;gap:30px 20px;width:100%}.products .product{position:relative;display:flex;flex-direction:column;gap:15px;width:calc((100% - 80px)/5);border:1px solid #eee;text-decoration:none;box-shadow:0 0 #0000001a;transition:all .3s;cursor:pointer}.products .product:hover{box-shadow:0 0 10px #0000001a}.products .product img{width:100%;aspect-ratio:1 / 1.038;object-fit:cover;background-color:#f5f6f8}.products .product .information{padding:0 15px 12px}.products .product h1{color:#000;font-size:16px;font-weight:400;transition:all .3s}.products .product:hover h1{color:var(--primary-color)}.products .product p{color:#aaa;font-size:14px}@media (max-width: 1060px){.products .product{width:calc((100% - 60px)/4)}@media (max-width: 800px){.products .product{width:calc((100% - 40px) / 3)}}@media (max-width: 560px){.products .product{width:calc((100% - 20px)/2)}}@media (max-width: 400px){.products .product{width:100%}}}.controlStyle,.dropdownStyle,.textareaStyle,.editorStyle,.uploadStyle,.viewStyle{position:relative;display:flex;flex-direction:column;gap:4px;width:100%;min-width:100px}.dropdownStyle,.viewStyle{-webkit-user-select:none;user-select:none}.controlStyle label,.dropdownStyle label,.textareaStyle label,.editorStyle label,.uploadStyle label,.viewStyle label{font-size:14px;color:var(--text-color)}.controlStyle input,.dropdownStyle select,.textareaStyle textarea,.uploadStyle p,.viewStyle p{appearance:none;position:relative;display:block;width:100%;height:36px;margin:0;padding:0 10px;font-size:13px;color:var(--text-color);padding-inline-end:35px;border-radius:5px;border:1px solid var(--control-border);outline:3px solid transparent;background:var(--main);transition:all .3s}.controlStyle input[type=color]{padding:0 2px}.dropdownStyle select{padding-inline-end:40px;cursor:pointer}.controlStyle input:focus,.dropdownStyle select:focus,.textareaStyle textarea:focus{border-color:var(--primary-color);outline-color:var(--primary-fade)}.controlStyle svg{position:absolute;display:block;width:14px;height:14px;margin:auto;top:0;left:calc(100% - 26px);right:calc(100% - 26px);bottom:0;fill:var(--placeholder);pointer-events:none}.controlStyle .range{position:relative;display:block;width:100%;background:var(--main)}.controlStyle .range input{background:transparent;z-index:1}.controlStyle .range span{position:absolute;display:flex;align-items:center;justify-content:end;inset:0 10px;pointer-events:none}.controlStyle .range span:after{content:"";position:absolute;width:calc(100% - 30px);height:5px;left:2px;right:2px;border-radius:5px;background-color:var(--control-border)}.dropdownStyle .placeholder{position:absolute;display:flex;align-items:center;inset:1px;padding:0 10px;font-size:13px;color:var(--placeholder);border-radius:5px;background:var(--main);pointer-events:none}.dropdownStyle:after{content:"";position:absolute;display:block;width:0;height:0;left:calc(100% - 22px);right:calc(100% - 22px);bottom:11px;border:4px solid transparent;border-top-color:var(--control-border);pointer-events:none}.selectStyle .panel{display:flex;gap:3px;width:100%;height:36px;margin:0;padding:3px;border-radius:5px;border:1px solid var(--control-border);background:var(--main)}.selectStyle .panel button{position:relative;display:block;width:100%;border:none;border-radius:3px;background-color:transparent;cursor:pointer}.selectStyle .panel button:hover{background:var(--control-border)}.selectStyle .panel .active,.selectStyle .panel .active:hover{color:var(--reverse-color);background:var(--primary-color)}.textareaStyle textarea{min-height:150px;padding:10px;resize:none}.viewStyle .textarea{min-height:36px;padding:10px;height:100%;white-space:normal}.editorStyle editor{min-height:400px}.uploadStyle input{display:none}.uploadStyle p{display:flex;align-items:center;justify-content:space-between;white-space:nowrap;cursor:pointer}.uploadStyle svg{display:block;width:12px;height:12px;pointer-events:none}.viewStyle p{display:flex;align-items:center;padding:6px 10px;white-space:nowrap;text-overflow:ellipsis;background-color:var(--control-view);overflow:hidden}.controlWithButton{position:relative;display:flex;gap:10px}.controlWithButton button{width:auto;flex-shrink:0}.required{color:#e81353}.fillButton,.outlineButton{position:relative;display:flex;place-content:center;place-items:center;gap:10px;width:100%;height:36px;padding:0 10px;color:#fff;font-size:14px;border-radius:5px;border:1px solid var(--primary-color);background-color:var(--primary-color);-webkit-user-select:none;user-select:none;cursor:pointer}.outlineButton{color:var(--primary-color);background-color:#fff}.fillButton svg{width:14px;height:14px;fill:#fff}.outlineButton svg{width:14px;height:14px;fill:var(--primary-color)}.fillButton:disabled,.outlineButton:disabled{filter:grayscale(1) opacity(.25);cursor:not-allowed}.avatarStyle{position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin:15px 0 5px;-webkit-user-select:none;user-select:none}.avatarStyle input{display:none}.avatarStyle .avatar{position:relative;display:block;width:150px;height:150px;border-radius:100%;border:1px solid var(--control-border);outline:3px solid transparent;cursor:pointer;overflow:hidden}.avatarStyle .avatar img{position:relative;display:block;width:100%;height:100%;object-fit:cover;border:1px solid var(--control-border);border-radius:100%;pointer-events:none}.avatarStyle .action{position:absolute;display:flex;justify-content:center;width:80%;height:50px;margin:auto;left:0;right:0;bottom:-18px;padding:7px;border-radius:100%;border:1px solid var(--control-border);background-color:var(--main);pointer-events:none}.avatarStyle .action svg{width:16px;height:16px;fill:var(--text-color);opacity:.35}.avatarStyle .avatar:hover{outline-color:var(--primary-fade)}.avatarStyle .avatar:hover .action{background-color:var(--primary-color)}.avatarStyle .avatar:hover,.avatarStyle .avatar:hover img{border-color:var(--primary-color)}.avatarStyle .avatar:hover .action svg{fill:var(--reverse-color);opacity:1}.thumbnailStyle{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;max-width:350px;width:100%;min-height:210px;max-height:400px;margin:15px auto 25px;border-radius:5px;border:1px solid var(--control-border);-webkit-user-select:none;user-select:none;overflow:hidden;cursor:pointer}.thumbnailStyle input{display:none}.thumbnailStyle svg{position:relative;display:block;width:30px;height:30px;opacity:.25}.thumbnailStyle p{position:relative;display:block;text-align:center;margin:0;padding:0 10px}.thumbnailStyle .title{margin-top:25px}.thumbnailStyle .meta{font-size:80%;opacity:.5}.thumbnailStyle .warning{margin:5px 0 10px;font-size:80%;color:#e12d39}.thumbnailStyle img{position:relative;display:block;width:100%;height:100%;aspect-ratio:1 / .6;object-fit:contain}.tabs{position:relative;display:inline-flex;margin-top:-3px;margin-bottom:-15px;padding:3px;border-radius:50px;background:var(--primary-color);z-index:1}@media (max-width: 999px){.tabs{margin-inline-start:40px}}.tab{position:relative;display:flex;padding:5px 20px;border-radius:50px;border:none;color:var(--reverse-color);background:transparent;cursor:pointer}.activeTab{color:var(--text-color);background:var(--reverse-color)}.tabs+main{height:calc(100% - 51px);margin-top:15px}.titlebar{position:relative;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:15px;width:100%;min-height:30px;font-size:18px;font-weight:900;-webkit-user-select:none;user-select:none}.titlebar.absolute{position:absolute;display:flex;flex-direction:row-reverse;flex-shrink:0;width:auto;height:30px;top:-48px;left:0;right:0}@media (max-width: 999px){.titlebar{padding-inline-start:40px}}.titlebar button{position:relative;display:flex;align-items:center;gap:10px;height:100%;padding:0 10px;border-radius:5px;border:none;color:var(--reverse-color);border:1px solid var(--primary-color);background-color:var(--primary-color);outline:3px solid transparent;cursor:pointer}@media (max-width: 399px){.titlebar button{width:30px;height:30px;flex-shrink:0;padding:0 7px;overflow:hidden}}.titlebar button:focus{border-color:var(--primary-color);outline-color:var(--primary-fade)}.titlebar button svg{display:block;flex-shrink:0;width:14px;height:14px;fill:var(--reverse-color)}.filter{position:relative;display:flex;flex-shrink:0;gap:10px;width:calc(100% + 6px);margin:0 -3px;padding:3px;overflow:auto}.filter .controlStyle{max-width:250px;min-width:150px}.filter .clear{position:relative;display:flex;align-items:center;white-space:nowrap;gap:10px;width:auto;height:36px;padding:0 10px;color:var(--text-color);border-radius:5px;border:1px solid var(--control-border);background:var(--control-view);-webkit-user-select:none;user-select:none;cursor:pointer}.filter .clear svg{width:14px;height:14px;fill:var(--text-color)}.filter .clear:hover{background:var(--control-border)}.dataTable{position:relative;display:flex;width:100%;height:100%;border-radius:10px;border-bottom:1px solid var(--primary-color);-webkit-user-select:none;user-select:none;overflow:auto}.dataTable table{width:100%;border-collapse:collapse;background-color:#fff}.dataTable thead{position:sticky;top:0;color:var(--reverse-color);background:var(--primary-color);z-index:1}.dataTable td{padding:10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}.dataTable td:not(:last-child){min-width:150px}.dataTable tr{display:grid;grid-template-columns:repeat(var(--columns),1fr) auto;align-items:center;width:100%}.dataTable tbody tr:nth-child(2n){background:#f7f7f7}.cellImage{position:relative;display:flex;align-items:center;gap:10px;width:100%;pointer-events:none}.cellImage img{flex-shrink:0;width:45px;height:45px;border-radius:5px;object-fit:cover}.cellRow{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:none}.cellImage>.cellRow{width:calc(100% - 55px)}.cellRow>p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cellRow>p:last-child{font-size:85%;opacity:.5}table .actions{position:relative;display:flex;gap:5px}table .actions button{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:4px;background:transparent;cursor:pointer}table thead .actions button{height:0}table .actions button svg{width:16px;height:16px;fill:var(--text-color)}table .actions button:hover{background:var(--menu)}.blueCell,.greenCell,.orangeCell,.redCell,.purpleCell{position:relative;display:inline-flex;align-items:center;gap:7px;font-size:85%;padding:3px 15px;border-radius:31px;border:1px solid transparent;transition:all .3s;cursor:pointer;pointer-events:none}.blueCell{color:#096dd9;fill:#096dd9;border-color:#91d5ff;background-color:#e6f7ff}.blueCell:hover{color:#fff;fill:#fff;border-color:#096dd9;background-color:#096dd9}.greenCell{color:#52c41a;fill:#52c41a;border-color:#b7eb8f;background-color:#f6ffed}.greenCell:hover{color:#fff;fill:#fff;border-color:#52c41a;background-color:#52c41a}.orangeCell{color:#d46b08;fill:#d46b08;border-color:#ffd591;background:#fff7e6}.orangeCell:hover{color:#fff;fill:#fff;border-color:#d46b08;background-color:#d46b08}.redCell{color:#ff4d4f;fill:#ff4d4f;border-color:#ffccc7;background:#fff2f0}.redCell:hover{color:#fff;fill:#fff;border-color:#ff4d4f;background-color:#ff4d4f}.purpleCell{color:#b606ed;fill:#b606ed;border-color:#d961ff;background:#fbefff}.purpleCell:hover{color:#fff;fill:#fff;border-color:#b606ed;background-color:#b606ed}.blueCell svg,.greenCell svg,.orangeCell svg,.redCell svg,.purpleCell svg{width:12px;height:12px}.status{line-height:26px}.status span{font-size:14px;font-weight:900;padding:1px 5px;border-radius:4px;border:1px solid #eee;background-color:#f5f5f5}.dataTable td.sortable{padding:5px}.dataTable td.sortable button{position:relative;display:flex;gap:10px;width:100%;padding:5px;color:#fff;fill:#fff;border:none;border-radius:5px;background-color:transparent;transition:all .3s}.dataTable td.sortable svg{width:18px;height:18px}.dataTable td.sortable button:hover{padding:5px 10px;background-color:#ffffff40}.dragDrop{flex-shrink:0;width:15px;height:20px;opacity:.5}.dragged-over{background-color:#d5f4e6!important}.dataTable+footer{position:relative;display:flex;gap:10px;flex-shrink:0;width:100%;height:40px}.window{position:fixed;inset:0;z-index:10;--backdrop: .25}zoom-image.window{z-index:100;--backdrop: .75}.backdrop{position:fixed;display:flex;align-items:center;justify-content:center;inset:0;background:transparent;animation:showWindow .3s linear forwards;z-index:1}@keyframes showWindow{0%{background-color:#0000}to{background-color:rgba(0,0,0,var(--backdrop))}}.backdrop.hide{animation:hideWindow .3s linear forwards}@keyframes hideWindow{0%{background-color:rgba(0,0,0,var(--backdrop))}to{background-color:#0000}}.modal{position:relative;display:flex;flex-direction:column;max-width:800px;width:100%;height:auto;min-height:100px;max-height:100vh;border-radius:5px;background-color:#fff;box-shadow:0 0 45px #0000001a;animation:showModal .3s linear forwards;overflow:hidden}zoom-image .slideshow{animation:showModal .3s linear forwards}.delete{max-width:500px}@media (max-width: 500px){.modal{height:100vh;border-radius:0}.delete{height:auto}}@keyframes showModal{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.backdrop.hide .modal,.backdrop.hide .slideshow{animation:hideModal .3s linear forwards}@keyframes hideModal{0%{transform:rotateX(0)}to{transform:rotateX(90deg)}}.modal header{position:relative;display:flex;align-items:center;justify-content:center;height:60px;width:100%;flex:0 0 60px;color:#fff;font-size:18px;background-color:var(--primary-color);box-shadow:0 0 10px var(--primary-fade);-webkit-user-select:none;user-select:none}.modal .close{position:absolute;display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin:auto;top:0;left:calc(100% - 40px);right:calc(100% - 40px);bottom:0;border:none;border-radius:3px;background-color:inherit;transition:all .3s;cursor:pointer}.modal .close:hover{background-color:#ffffff1a}.modal .close svg{position:relative;display:block;width:10px;height:10px;fill:#fff}.modal .container{position:relative;display:block;width:100%;min-height:60px;flex-grow:1;padding:15px;overflow:auto}.modal .container form,.modal .container .form{position:relative;display:flex;gap:10px;flex-wrap:wrap}.mention{position:relative;padding:4px 5px;font-size:75%;font-weight:900;margin:0 5px;border-radius:3px;border:1px solid #ddd;background-color:#f5f5f5}@media (min-width: 500px){.modal .container form>*,.modal .container .form>*{width:calc((100% - 10px)/2)}.modal .container form>.fullWidth,.modal .container .form>.fullWidth{width:100%}}.modal .dataTable{min-height:250px;border-radius:5px;border:none}.modal footer{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;gap:10px;width:100%;height:60px;border-top:1px solid #eee;background:inherit}.modal footer button{width:auto;padding:0 25px}.alertPanel{position:fixed;display:flex;flex-direction:column;gap:15px;width:300px;height:auto;max-height:calc(100vh - 62px);left:calc(100% - 315px);right:calc(100% - 315px);bottom:15px}.alert{position:relative;display:flex;flex-direction:column;gap:5px;width:100%;left:calc(100% + 30px);right:calc(100% + 30px);padding:15px 25px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffffb3;box-shadow:0 0 10px #0003;transition:all .3s}.alert.show{left:calc(100% - 300px);right:calc(100% - 300px)}.alert.error{--color: #e81353}.alert.success{--color: #0cc180}.alert.information{--color: #13c1e8}.alert.warning{--color: #ffa503}.alert:before{content:"";position:absolute;display:block;width:3px;height:100%;inset:0;background:var(--color)}.alert .title{position:relative;color:var(--color);font-size:14px}.alert .title span{position:absolute;display:flex;align-items:center;justify-content:center;width:22px;height:22px;inset:-2px -34px 0;border-radius:100%;background:var(--color)}.alert .title span svg{width:18px;height:18px;fill:#fff}.alert li,.alert p{font-size:13px}.loading{position:absolute;inset:0;border-radius:5px;background:inherit}.pageLoading{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.tableLoading{background-color:#f8fafc80;z-index:1}.loading svg{position:absolute;width:20px;height:20px;inset:0;margin:auto;animation:rotate 2s linear infinite}.pageLoading svg{width:30px;height:30px}.loading .path{stroke:#fff;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.pageLoading .path,.tableLoading .path{stroke:var(--primary-color)}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}