:root{--green-color:#00c950;--green-color-light:#00c95060;--warning-color:#ff6900;--error-color:#fb2c36;--error-color-light:#fb2c3660;--star-color:#ffc107;--main-color:#2abfe3;--main-color-light:#2abfe360;--main-color-super-light:#2abfe310;--main-btn-bg-color:#eeeff1;--bg-color:#f4f7fb;--text-color:#5b5d5f;--text-color-dark:#5b5d5f;--text-color-light:#f4f7fb;--text-color-light-always:#f4f7fb;--navbar-btns-border-radius:10px;--page-border-radius:14px;--btn-border-radius:8px;--btn-shadow:hsla(0,0%,78%,.2) 0px 2px 8px 0px;--btn-padding:4px 8px;--card-bg-color:#fff;--card-border-radius:14px;--card-padding:10px;--card-shadow:hsla(0,0%,78%,.2) 0px 2px 8px 0px;--warehouse-items-card-border-radius:8px;--t-row-padding:4px 10px;--t-row-border-radius:10px;--input-padding:4px 8px;--input-fs:14px;--section-title-border-color:#eee;--status-padding:2px 8px;--status-border-radius:20px;--shop-img-border-radius:12px;--shop-img-shadow:hsla(0,0%,78%,.2) 0px 2px 8px 0px}html.dark-mode{--card-bg-color:#192537;--bg-color:#1e2a3d;--text-color:#e0e0e0;--text-color-light:#4a4a57;--text-color-dark:#f4f7fb;--main-btn-bg-color:#333f55;--card-shadow:rgba(30,30,30,.2) 0px 2px 8px 0px;--btn-shadow:rgba(30,30,30,.2) 0px 2px 8px 0px;--shop-img-shadow:rgba(30,30,30,.2) 0px 2px 8px 0px;--section-title-border-color:#444}body{background:var(--bg-color);margin:0}*{color:var(--text-color);font-family:Poppins,sans-serif}a,h1,h2,h3,h4,h5,h6,p,pre,span{margin:0}a{text-decoration:none}button{background:none;border:none;cursor:pointer;padding:0}pre{white-space:pre-line}.accept-btn,.main-btn,.main-btn-active,.red-btn{background:var(--main-btn-bg-color);border-radius:var(--btn-border-radius);box-shadow:var(--btn-shadow);color:var(--text-color);cursor:pointer;padding:var(--btn-padding);text-decoration:none}.accept-btn,.main-btn,.main-btn-active,.main-circle-btn,.red-btn{align-items:center;display:flex;justify-content:center;transition:.3s}.main-circle-btn{background:var(--main-color-super-light);border-radius:100%;padding:10px}.main-circle-btn:hover{background:var(--main-color-light)}.main-circle-btn:hover :deep(svg){color:#fff;fill:#fff;stroke:#fff}.main-btn-active{background:var(--main-color);color:var(--text-color-light-always)}.red-btn{background:var(--error-color-light)}.accept-btn{background:var(--green-color-light)}.accept-btn:hover,.main-btn-active:hover,.main-btn:hover,.red-btn:hover{background:var(--main-color);color:var(--text-color-light-always);transform:translateY(-5px)}.red-btn:hover{background:var(--error-color)}.accept-btn:hover{background:var(--green-color)}.website-actions{flex-wrap:wrap;margin-top:10px}.action-btn{align-items:center;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:5px;justify-content:center;padding:8px 15px;text-decoration:none;transition:all .2s ease-in-out}.primary-action{background-color:var(--text-color);color:var(--text-color)}.primary-action:hover{background-color:var(--main-color);border-color:var(--main-color);color:var(--text-color-light-always)}.icon-action{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color);height:40px;padding:0;width:40px}.icon-action:hover{background-color:var(--light-gray-color);border-color:var(--gray-color)}.red-icon-action{border-color:var(--error-color);color:var(--error-color)}.red-icon-action:hover{background-color:var(--error-color);color:var(--text-color-light-always)}.unvisable-btn{align-items:center;display:flex;justify-content:center;padding:0 6px}.image-box,input,textarea{background:none;border:1px solid var(--main-color-light);border-radius:8px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;color:var(--text-color,#333);font-size:var(--input-fs);min-width:160px;outline:none;padding:var(--input-padding);transition:all .3s ease;width:100%}textarea{min-height:120px;resize:vertical}.image-box{cursor:pointer;position:relative;transition:.3s}.image-box:hover{background-color:var(--main-color)}.image-box:hover span{color:var(--text-color-light-always)}.image-input{cursor:pointer;height:100%;left:0;opacity:.001;position:absolute;top:0;width:100%;z-index:2}.image-box span{left:8px;position:absolute;top:2px;z-index:1}.image-preview-popup{align-items:center;background:var(--card-bg-color);border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);display:flex;height:200px;justify-content:center;left:0;overflow:hidden;position:absolute;top:13%;width:100%;z-index:10}.image-preview-popup-box{height:200px}.image-preview-popup img{left:50%;max-height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%)}input:focus,textarea:focus{border-color:var(--main-color,#007bff);box-shadow:0 0 0 3px var(--main-color-light,rgba(0,123,255,.25))}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--placeholder-color,#999);opacity:1}input::placeholder,textarea::placeholder{color:var(--placeholder-color,#999);opacity:1}input:hover:not(:focus),textarea:hover:not(:focus){border-color:var(--hover-border-color,#999);box-shadow:0 1px 5px #0000001a}input:disabled,textarea:disabled{background-color:var(--disabled-background-color,#f0f0f0);border-color:var(--disabled-border-color,#e0e0e0);box-shadow:none;color:var(--disabled-text-color,#aaa);cursor:not-allowed}.input-group{align-items:center;display:flex;gap:10px;margin-bottom:15px}.input-group label{color:var(--text-color,#333);font-weight:600}.input-group .input-icon{align-items:center;color:var(--main-color,#007bff);display:flex;font-size:20px}.t-box{border-radius:var(--t-row-border-radius);overflow:hidden}.t-row{background:var(--main-color-super-light);padding:var(--t-row-padding);transition:.3s}.t-row:hover{background:var(--main-color-light)}.t-row-border-radius{border-radius:var(--t-row-border-radius)}.status-200{background-color:var(--green-color)}.status-200,.status-300{border-radius:var(--status-border-radius);color:var(--text-color-light-always);padding:var(--status-padding)}.status-300{background-color:var(--warning-color)}.status-400{background-color:var(--error-color);border-radius:var(--status-border-radius);color:var(--text-color-light-always);padding:var(--status-padding)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;height:18px;margin:0;max-height:18px;max-width:18px;min-height:18px;min-width:18px;outline:none;padding:1px;position:relative;width:18px}input[type=checkbox]:before{background-color:var(--card-bg-color);border:2px solid var(--main-color-light);border-radius:4px;box-sizing:border-box;content:"";display:block;height:100%;transition:all .2s ease-in-out;width:100%}input[type=checkbox]:checked:before{background-color:var(--main-color);border-color:var(--main-color)}input[type=checkbox]:checked:after{border:solid var(--text-color-light-always);border-width:0 2px 2px 0;content:"";display:block;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-65%) rotate(45deg);transition:transform .2s ease-in-out;width:4px}input[type=checkbox]:focus:before{box-shadow:0 0 0 3px var(--main-color-super-light)}input[type=checkbox]:not(:checked):hover:before{border-color:var(--main-color)}input[type=checkbox]:checked:hover:before{filter:brightness(110%)}.m-auto{margin:auto}.ta-center{text-align:center}.to-right{margin-left:auto}.ai-center{align-items:center}.wrap-row{display:flex;flex-wrap:wrap}.jcsb{justify-content:space-between}.jcc{justify-content:center}.column-row,.flex-row{display:flex}.column-row{flex-direction:column}.main-color{color:var(--main-color)}.g-20{gap:20px}.g-10{gap:10px}.g-5{gap:5px}.fs-20{font-size:20px}.fs-18{font-size:18px}.fs-16{font-size:16px}.fs-14{font-size:14px}.fs-10{font-size:10px}.fw-bold{font-weight:700}.c-1{width:calc(10% - 10px)}.c-1,.c-2{box-sizing:border-box}.c-2{width:calc(20% - 10px)}.c-3{width:calc(30% - 10px)}.c-3,.c-33{box-sizing:border-box}.c-33{width:calc(33% - 10px)}.c-4{width:calc(40% - 10px)}.c-4,.c-5{box-sizing:border-box}.c-5{width:calc(50% - 10px)}.c-6{width:calc(60% - 10px)}.c-6,.c-66{box-sizing:border-box}.c-66{width:calc(66% - 10px)}.c-7{width:calc(70% - 10px)}.c-7,.c-8{box-sizing:border-box}.c-8{width:calc(80% - 10px)}.c-9{width:calc(90% - 10px)}.c-10,.c-9{box-sizing:border-box}.c-10{width:100%}.mt-20{margin-top:20px}.mt-10{margin-top:10px}.page-container{box-sizing:border-box;margin:auto;max-width:1200px}.p-20{padding:20px}.no-border{border:none!important}.red-border{border:1px solid var(--error-color)}.x-scroll{overflow-x:scroll}.overflow-none{overflow:unset!important}.relative{position:relative}.page-main{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;margin:auto;padding:20px}@media(max-width:768px){.page-main{gap:40px;padding:15px}.c-1,.c-10,.c-2,.c-3,.c-33,.c-4,.c-5,.c-6,.c-66,.c-7,.c-8,.c-9{max-width:100%;min-width:unset;width:100%!important}}.w-max-content{width:-moz-max-content;width:max-content}.section-header{border-radius:16px;padding:40px;text-align:center}.header-content{margin:auto;max-width:800px}.icon-title-wrapper{flex-direction:column}.icon-title-wrapper,.main-icon-wrapper{align-items:center;display:flex;margin-bottom:20px}.main-icon-wrapper{background-color:var(--main-color-light);border-radius:50%;height:90px;justify-content:center;width:90px}.main-icon-wrapper :deep(svg){fill:var(--main-color)}.section-header h1{color:var(--text-color-dark);font-size:48px;font-weight:700;margin:0}.section-description{color:var(--text-color);font-size:18px;line-height:1.6}.subsections-grid-section{margin-bottom:40px;width:100%}.section-title{color:var(--text-color-dark);font-size:36px;font-weight:700;text-align:center}.subsections-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.subsection-card{align-items:center;background-color:var(--card-bg-color);border-radius:12px;box-shadow:var(--card-shadow);color:inherit;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:30px;text-align:center;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.subsection-card:hover{background-color:var(--main-color-light);box-shadow:var(--card-shadow);transform:translateY(-5px)}.subsection-icon-wrapper{align-items:center;background-color:var(--bg-color);border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:20px;transition:background-color .3s ease;width:60px}.subsection-card:hover .subsection-icon-wrapper{background-color:var(--main-color)}.subsection-icon-wrapper :deep(svg){fill:var(--main-color);transition:fill .3s ease}.subsection-card:hover .subsection-icon-wrapper :deep(svg){fill:var(--text-color-light-always)}.subsection-text-content h3{color:var(--text-color-dark);font-size:24px;font-weight:600;margin-bottom:10px;margin-top:0;transition:color .3s ease}.subsection-card:hover .subsection-text-content h3{color:var(--main-color)}.subsection-description{color:var(--text-color);font-size:15px;line-height:1.5}.shop-info-btns-column-media{display:none}@media(max-width:768px){.shop-info-btns-column-media{display:flex}.shop-info-btns-column-no-media{display:none}.section-header{margin-top:20px;padding:30px}.main-icon-wrapper{height:70px;margin-bottom:15px;width:70px}.section-header h1{font-size:38px}.section-description{font-size:16px}.section-title{font-size:28px}.subsections-grid{gap:20px;grid-template-columns:1fr}.subsection-card{min-height:unset;padding:25px}.subsection-icon-wrapper{height:50px;margin-bottom:15px;width:50px}.subsection-text-content h3{font-size:20px}.subsection-description{font-size:14px}}.t-row button{background-color:transparent;border:none;border-radius:var(--t-row-border-radius);cursor:pointer;padding:var(--t-row-padding);text-align:left;transition:background-color .2s ease;width:100%}.t-row button:hover{background-color:var(--main-color-super-light)}.t-row button p{color:var(--text-color-dark)}.db-table-container{background-color:var(--card-bg-color);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);overflow-x:auto}table{border-collapse:collapse;table-layout:auto;width:100%}thead{background-color:var(--main-color-super-light)}th{font-size:14px;font-weight:700;padding:var(--t-row-padding);text-align:left;white-space:nowrap}tbody tr{cursor:pointer;transition:background-color .2s ease}tbody tr:last-child{border-bottom:none}tbody tr:hover{background-color:var(--main-color-super-light)}td{color:var(--text-color);padding:var(--t-row-padding);text-align:left;text-overflow:ellipsis;white-space:nowrap}tfoot th{border-bottom:0;border-top:2px solid var(--main-color-light)}