body{background-color:#fafafa}.admin-layout-container{display:grid;grid-template-columns:17rem 1fr minmax(0,75rem) 1fr;min-height:100vh;width:100vw;position:relative}.admin-sidenav{grid-column:1;width:17rem;background-color:#fff;border-left:1px solid #f0f0f0;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;z-index:40;flex-shrink:0;direction:rtl;overflow-y:auto}.platform-brand{padding:1.5rem 1.5rem .5rem;display:flex;align-items:center;justify-content:flex-start;color:#171717}.platform-logo-img{height:1.5rem;width:auto}.sidenav-header{padding:1rem 1.5rem 1.5rem;border-bottom:1px solid #f5f5f5;display:flex;align-items:center;justify-content:space-between}.brand-badge-wrapper{display:flex;align-items:center;gap:.75rem}.brand-avatar{width:2.5rem;height:2.5rem;border-radius:.75rem;background-color:#171717;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.brand-meta{display:flex;flex-direction:column;align-items:flex-start;text-align:right}.brand-title-name{font-size:.9375rem;font-weight:600;color:#171717}.brand-sub-title{font-size:.6875rem;color:#a3a3a3;margin-top:.125rem}.mobile-close-nav-btn{display:none}.sidenav-menu{padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.25rem;flex-grow:1}.sidenav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#525252;text-decoration:none;border-radius:.75rem;font-size:.875rem;font-weight:400;transition:all .2s cubic-bezier(.16,1,.3,1);direction:rtl}.sidenav-link:hover{background-color:#fafafa;color:#171717}.sidenav-link.active{background-color:#f5f5f5;color:#171717;font-weight:500}.menu-icon-svg{width:1.125rem;height:1.125rem;color:#737373}.sidenav-link.active .menu-icon-svg{color:#171717}.menu-divider{height:1px;background-color:#f5f5f5;margin:1rem 0}.sidenav-footer{padding:1.5rem 1rem;border-top:1px solid #f5f5f5;display:flex;flex-direction:column;gap:.5rem}.sidenav-footer-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:#737373;font-size:.75rem;text-decoration:none;border-radius:.5rem;transition:all .2s ease}.sidenav-footer-link:hover{background-color:#fafafa;color:#171717}.logout-link:hover{background-color:#ffe4e6;color:#e11d48}.logout-link:hover .footer-icon-svg{color:#e11d48}.footer-icon-svg{width:.9375rem;height:.9375rem;color:#a3a3a3}.user-meta-badge{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#fafafa;border-radius:.75rem;margin-top:.5rem;direction:rtl}.user-avatar{width:2rem;height:2rem;border-radius:50%;background-color:#e5e5e5;color:#171717;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8125rem}.user-text-info{display:flex;flex-direction:column;align-items:flex-start;text-align:right}.user-name-bold{font-size:.75rem;font-weight:500;color:#171717}.user-role-label{font-size:.625rem;color:#a3a3a3}.admin-workspace{grid-column:3;flex-grow:1;padding:2.5rem;max-width:75rem;box-sizing:border-box;width:100%}.admin-mobile-header{display:none;height:3.5rem;background-color:#fff;border-bottom:1px solid #f0f0f0;padding:0 1.25rem;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;direction:rtl}.hamburger-btn{background:none;border:none;cursor:pointer;color:#171717;padding:.25rem}.nav-icon-svg{width:1.5rem;height:1.5rem}.mobile-page-title{font-size:.9375rem;font-weight:500;color:#171717}.mobile-header-avatar{width:1.75rem;height:1.75rem;border-radius:50%;background-color:#f5f5f5;border:1px solid #e5e5e5;color:#171717;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500}.admin-sidenav-backdrop{display:none;position:fixed;inset:0;background-color:#0003;backdrop-filter:blur(2px);z-index:35}.admin-card{background:#fff;border-radius:1.5rem;border:1px solid #f0f0f0;padding:2rem 1.5rem;box-shadow:0 4px 20px #00000003;width:100%;box-sizing:border-box}.form-group{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.375rem;text-align:right}.form-label{font-size:.8125rem;font-weight:500;color:#404040}.form-input{font-size:.875rem;padding:.75rem 1rem;border-radius:.75rem;border:1px solid #e5e5e5;background-color:#fafafa;color:#171717;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1);width:100%;box-sizing:border-box}.form-input:focus{border-color:#171717;background-color:#fff;box-shadow:0 0 0 1px #171717}.form-select{font-size:.875rem;padding:.75rem 1rem;border-radius:.75rem;border:1px solid #e5e5e5;background-color:#fafafa;color:#171717;outline:none;width:100%;box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left 1rem center;background-size:1rem;cursor:pointer}.form-select:focus{border-color:#171717;background-color:#fff}.checkbox-group{display:flex;align-items:center;gap:.5rem;margin:1rem 0;cursor:pointer;direction:rtl;justify-content:flex-start}.checkbox-input{width:1.125rem;height:1.125rem;border-radius:.25rem;border:1px solid #d4d4d4;accent-color:#171717;cursor:pointer}.btn{font-size:.8125rem;font-weight:500;padding:.75rem 1.5rem;border-radius:.75rem;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-primary{background-color:#171717;color:#fff}.btn-primary:hover,.btn-primary:active{background-color:#262626;transform:translateY(-1px)}.btn-secondary{background-color:#f5f5f5;color:#404040}.btn-secondary:hover,.btn-secondary:active{background-color:#e5e5e5;color:#171717}.btn-danger{background-color:#ffe4e6;color:#9f1239}.btn-danger:hover,.btn-danger:active{background-color:#fecdd3;color:#881337}.btn-full{width:100%}.onboarding-banner{background-color:#f6f8fa;border-right:4px solid #171717;border-radius:.75rem;padding:1.25rem;margin-bottom:1.75rem;direction:rtl;text-align:right;display:flex;gap:1rem;align-items:flex-start}.onboarding-icon-box{width:2rem;height:2rem;background-color:#fff;border:1px solid #e5e5e5;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#171717;flex-shrink:0}.onboarding-text-box{display:flex;flex-direction:column;gap:.25rem}.onboarding-title{font-size:.875rem;font-weight:600;color:#171717}.onboarding-desc{font-size:.75rem;color:#666;line-height:1.6}.layout-radio-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem;direction:rtl}.layout-radio-card{border:1px solid #e5e5e5;border-radius:1rem;padding:1.25rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);background:#fff;display:flex;flex-direction:column;gap:.75rem;position:relative;text-align:right}.layout-radio-card:hover{border-color:#a3a3a3}.layout-radio-card.active{border-color:#171717;background-color:#fafafa;box-shadow:0 0 0 1px #171717}.layout-radio-input{position:absolute;top:1rem;left:1rem;accent-color:#171717}.layout-card-info{display:flex;flex-direction:column;gap:.25rem;padding-left:1.5rem}.layout-card-title{font-size:.875rem;font-weight:600;color:#171717}.layout-card-desc{font-size:.75rem;color:#737373;line-height:1.5}.layout-preview-mockup{height:5rem;background-color:#fafafa;border-radius:.5rem;border:1px dashed #e5e5e5;display:flex;align-items:center;justify-content:center}.layout-radio-card.active .layout-preview-mockup{border-color:#a3a3a3;background-color:#fff}.admin-list-container{display:flex;flex-direction:column;gap:.75rem}.admin-list-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:#fff;border:1px solid #f0f0f0;border-radius:1rem;transition:all .2s ease;direction:rtl}.admin-list-item:hover{border-color:#d4d4d4;box-shadow:0 2px 12px #00000003}.item-left-controls{display:flex;align-items:center;gap:.375rem}.item-right-details{display:flex;align-items:center;gap:.75rem;text-align:right}.item-thumb{width:2.75rem;height:2.75rem;border-radius:.5rem;object-fit:cover;background-color:#fafafa;border:1px solid #f5f5f5}.item-title-desc{display:flex;flex-direction:column;gap:.125rem}.item-name-bold{font-size:.875rem;font-weight:500;color:#171717}.item-desc-sub{font-size:.75rem;color:#737373}.btn-icon{width:2.25rem;height:2.25rem;border-radius:.625rem;display:flex;align-items:center;justify-content:center;border:none;background:#f5f5f5;color:#525252;cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:#e5e5e5;color:#171717}.btn-icon-danger{background:#ffe4e6;color:#e11d48}.btn-icon-danger:hover{background:#fecdd3;color:#be123c}.list-icon-svg{width:1rem;height:1rem}.admin-page-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;direction:rtl}.page-title-bold{font-size:1.25rem;font-weight:600;color:#0a0a0a}.error-banner{background-color:#fff1f2;border:1px solid #fecdd3;color:#be123c;padding:.75rem 1rem;border-radius:.75rem;font-size:.75rem;text-align:right;direction:rtl;margin-bottom:1rem;display:none}.sections-editor-container{border:1px solid #e5e5e5;border-radius:.75rem;padding:1rem;background:#fafafa;display:flex;flex-direction:column;gap:1rem}.section-block{border:1px solid #e5e5e5;border-radius:.5rem;padding:.875rem;background:#fff;position:relative}.section-block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.section-block-title{font-size:.8125rem;font-weight:500;color:#171717}.chips-editor{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem;direction:rtl}.chip-tag{font-size:.6875rem;background:#f5f5f5;color:#404040;padding:.25rem .5rem;border-radius:.375rem;display:inline-flex;align-items:center;gap:.25rem}.chip-remove{cursor:pointer;color:#a3a3a3;font-weight:500}.chip-remove:hover{color:#ef4444}.chip-input-wrapper{display:flex;gap:.25rem;width:100%;margin-top:.5rem}@media(max-width:768px){.admin-layout-container{display:flex;flex-direction:column}.admin-sidenav{position:fixed;top:0;right:0;bottom:0;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);height:100vh;box-shadow:-10px 0 30px #0000000d;z-index:50}.admin-sidenav.active{transform:translate(0)}.admin-sidenav-backdrop.active{display:block}.mobile-close-nav-btn,.admin-mobile-header{display:flex}.admin-workspace{padding:1.5rem 1rem;max-width:100%}.layout-radio-group{grid-template-columns:1fr}}.image-upload-wrapper{display:flex;flex-direction:column;gap:.75rem;margin-top:.25rem}.image-preview-container{display:flex;align-items:center;gap:1rem;background:#fafafa;border:1px dashed #e5e5e5;border-radius:.75rem;padding:1rem;transition:border-color .2s ease}.image-preview-container:hover{border-color:#a3a3a3}.image-preview-box{width:5rem;height:5rem;border-radius:.75rem;object-fit:cover;background-color:#f5f5f5;border:1px solid #e5e5e5}.modal-overlay{position:fixed;inset:0;background-color:#0a0a0a73;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;animation:fadeIn .25s forwards ease-out;padding:1.5rem;direction:rtl}.modal-content{background:#fff;border-radius:1.5rem;width:100%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 20px 50px #00000026;display:flex;flex-direction:column;opacity:0;transform:translateY(16px);animation:slideUpModal .35s forwards cubic-bezier(.16,1,.3,1)}.modal-content form{width:100%;display:flex;flex-direction:column;margin:0}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:#fff}.modal-title{font-size:1.0625rem;font-weight:600;color:#171717}.modal-close{background:none;border:none;font-size:1.25rem;color:#a3a3a3;cursor:pointer;transition:color .2s ease;padding:.25rem;line-height:1}.modal-close:hover{color:#171717}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;align-items:stretch;overflow-y:auto;background:#fff}.modal-body-cropper{display:flex;justify-content:center;align-items:center;background-color:#fafafa;min-height:250px}.cropper-container{width:100%;max-height:400px;overflow:hidden;border-radius:.5rem;background-color:#eee}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-start;gap:.5rem;background-color:#fafafa}@keyframes fadeIn{to{opacity:1}}@keyframes slideUpModal{to{transform:translateY(0);opacity:1}}.status-selector-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.status-pills{display:flex;background-color:#f5f5f5;border-radius:.75rem;padding:.25rem;gap:.25rem;width:100%;box-sizing:border-box;direction:rtl}.status-pill-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem .75rem;font-size:.8125rem;font-weight:500;color:#737373;background:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.status-pill-btn:hover{color:#171717}.status-pill-btn.active[data-status=available]{background-color:#dcfce7;color:#15803d;box-shadow:0 1px 3px #0000000d}.status-pill-btn.active[data-status=unavailable]{background-color:#ffedd5;color:#c2410c;box-shadow:0 1px 3px #0000000d}.status-pill-btn.active[data-status=inactive]{background-color:#e5e5e5;color:#404040;border:1px solid #d4d4d4;box-shadow:0 1px 3px #0000000d}.status-dot{width:.5rem;height:.5rem;border-radius:50%}.dot-available{background-color:#22c55e}.dot-unavailable{background-color:#f97316}.dot-inactive{background-color:#a3a3a3}.status-explanation{font-size:.75rem;color:#737373;line-height:1.5;margin:0;text-align:right}.category-status-pills{display:flex;background-color:#f5f5f5;border-radius:.5rem;padding:.125rem;gap:.125rem;margin-left:1rem}.cat-status-pill{padding:.35rem .5rem;font-size:.75rem;font-weight:500;color:#737373;background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.cat-status-pill:hover{color:#171717}.cat-status-pill.active[data-status=available]{background-color:#dcfce7;color:#15803d}.cat-status-pill.active[data-status=unavailable]{background-color:#ffedd5;color:#c2410c}.cat-status-pill.active[data-status=inactive]{background-color:#e5e5e5;color:#404040}.status-badge{font-size:.6875rem;padding:.15rem .45rem;border-radius:9999px;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.status-badge-available{background-color:#dcfce7;color:#15803d}.status-badge-unavailable{background-color:#ffedd5;color:#c2410c}.status-badge-inactive{background-color:#f5f5f5;color:#737373}@media(max-width:640px){.admin-list-item{flex-direction:column;align-items:stretch;gap:.75rem}.category-status-pills{margin-left:0;margin-bottom:.5rem;justify-content:center}.item-left-controls{justify-content:flex-end}}.category-products-group{margin-bottom:2.25rem;text-align:right;direction:rtl}.category-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.875rem;padding-bottom:.5rem;border-bottom:1.5px solid #e5e5e5}.category-group-title{font-size:.9375rem;font-weight:600;color:#171717;margin:0}.category-products-list{display:flex;flex-direction:column;gap:.75rem}.welcome-modal{max-width:800px;width:90%;min-height:520px;display:flex;flex-direction:column}.welcome-modal-body{padding:2.5rem;display:flex;flex-direction:row-reverse;gap:2.5rem;align-items:center;flex-grow:1;min-height:380px}.welcome-text-side{flex:1.2;display:flex;flex-direction:column;gap:1.25rem;text-align:right;direction:rtl}.welcome-step-title{font-size:1.5rem;font-weight:700;color:#171717;line-height:1.4;margin:0}.welcome-step-desc{font-size:.9375rem;color:#525252;line-height:1.8;margin:0}.welcome-image-side{flex:.8;display:flex;align-items:center;justify-content:center;max-width:100%}.welcome-img{width:100%;max-width:320px;height:auto;aspect-ratio:1;object-fit:contain}.welcome-modal-footer{padding:1.25rem 2.5rem;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;direction:rtl}.welcome-dots{display:flex;gap:.5rem}.welcome-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:#e5e5e5;transition:all .25s ease;cursor:pointer}.welcome-dot.active{background-color:#171717;width:1.5rem;border-radius:9999px}.welcome-buttons{display:flex;gap:.75rem}.welcome-slide{display:none!important}.welcome-slide.active{display:flex!important}@media(max-width:768px){.welcome-modal{min-height:auto;width:95%}.welcome-modal-body{flex-direction:column;padding:1.75rem;gap:1.5rem;min-height:auto}.welcome-image-side{order:-1;flex:none;width:100%}.welcome-img{max-width:220px}.welcome-step-title{font-size:1.25rem;text-align:center}.welcome-step-desc{font-size:.875rem;text-align:center}.welcome-modal-footer{padding:1rem 1.75rem}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}