@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;transition:all .5s ease;font-family:DM Sans,sans-serif;font-weight:500;line-height:1;font-size:16px}.container{width:90%;margin:auto}.row{width:100%;display:flex}.column{display:flex;flex-direction:column}img{width:100%;height:100%;object-fit:cover}button{background-color:transparent;border:none;cursor:pointer}.spaceBw{display:flex;justify-content:space-between}.center{display:flex;align-items:center;justify-content:center}.alignCenter{display:flex;align-items:center}.confirmDiv{text-align:center;display:flex;flex-direction:column;gap:10px;font-weight:600}.confirmDiv span{font-size:16px;color:gray}.confirmDiv .confirm{display:flex;justify-content:center;gap:10px}.confirmDiv .confirm button{font-size:14px;font-weight:600}.confirmDiv .confirm button.yes{color:green}.confirmDiv .confirm button.no{color:red}.formFooter{display:flex;justify-content:flex-end;gap:12px;padding:20px}.formFooter .cancelBtn{padding:10px 25px;background-color:#d3d1d1;color:#432c11;border:none;border-radius:6px;cursor:pointer;font-weight:600}.formFooter .cancelBtn:hover{background-color:#432c11;color:#fff}.formFooter .submitBtn{padding:10px 30px;background:#432c11;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.adminHeader{background-color:#fffdf5;padding:15px 30px;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}.adminHeader .pageTitle{font-size:14px;font-weight:600;color:#432c11;margin:0}.adminHeader .headerRight{gap:20px}.adminHeader .headerRight .userInfo{gap:12px}.adminHeader .headerRight .userInfo .userName{font-weight:500;color:#432c11;font-size:16px}.adminHeader .headerRight .userInfo .userAvatar{width:36px;height:36px;background-color:#f8fafc;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid #e2e8f0}.adminHeader .headerRight .userInfo .userAvatar img{width:100%;height:100%;object-fit:cover}.adminHeader .headerRight .userInfo .userAvatar .avatarPlaceholder{font-size:18px;color:#94a3b8}.loader{width:100%;height:100dvh;position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:10000;background-color:#202424}.socket{width:200px;height:200px;position:absolute;left:50%;margin-left:-100px;top:50%;margin-top:-100px}.hex-brick{background:#000;width:30px;height:17px;position:absolute;top:5px;animation-name:fade00;animation-duration:2s;animation-iteration-count:infinite;-webkit-animation-name:fade00;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite}.h2{transform:rotate(60deg);-webkit-transform:rotate(60deg)}.h3{transform:rotate(-60deg);-webkit-transform:rotate(-60deg)}.gel{height:30px;width:30px;transition:all .3s;-webkit-transition:all .3s;position:absolute;top:50%;left:50%}.center-gel{margin-left:-15px;margin-top:-15px;animation-name:pulse00;animation-duration:2s;animation-iteration-count:infinite;-webkit-animation-name:pulse00;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite}.c1{margin-left:-47px;margin-top:-15px}.c2{margin-left:-31px;margin-top:-43px}.c3{margin-left:1px;margin-top:-43px}.c4{margin-left:17px;margin-top:-15px}.c5{margin-left:-31px;margin-top:13px}.c6{margin-left:1px;margin-top:13px}.c7{margin-left:-63px;margin-top:-43px}.c8{margin-left:33px;margin-top:-43px}.c9{margin-left:-15px;margin-top:41px}.c10{margin-left:-63px;margin-top:13px}.c11{margin-left:33px;margin-top:13px}.c12{margin-left:-15px;margin-top:-71px}.c13{margin-left:-47px;margin-top:-71px}.c14{margin-left:17px;margin-top:-71px}.c15{margin-left:-47px;margin-top:41px}.c16{margin-left:17px;margin-top:41px}.c17{margin-left:-79px;margin-top:-15px}.c18{margin-left:49px;margin-top:-15px}.c19{margin-left:-63px;margin-top:-99px}.c20{margin-left:33px;margin-top:-99px}.c21{margin-left:1px;margin-top:-99px}.c22{margin-left:-31px;margin-top:-99px}.c23{margin-left:-63px;margin-top:69px}.c24{margin-left:33px;margin-top:69px}.c25{margin-left:1px;margin-top:69px}.c26{margin-left:-31px;margin-top:69px}.c27{margin-left:-79px;margin-top:-15px}.c28{margin-left:-95px;margin-top:-43px}.c29{margin-left:-95px;margin-top:13px}.c30{margin-left:49px;margin-top:41px}.c31{margin-left:-79px;margin-top:-71px}.c32{margin-left:-111px;margin-top:-15px}.c33{margin-left:65px;margin-top:-43px}.c34{margin-left:65px;margin-top:13px}.c35{margin-left:-79px;margin-top:41px}.c36{margin-left:49px;margin-top:-71px}.c37{margin-left:81px;margin-top:-15px}.r1{animation-name:pulse00;animation-duration:2s;animation-iteration-count:infinite;animation-delay:.2s;-webkit-animation-name:pulse00;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:.2s}.r2{animation-name:pulse00;animation-duration:2s;animation-iteration-count:infinite;animation-delay:.4s;-webkit-animation-name:pulse00;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:.4s}.r3{animation-name:pulse00;animation-duration:2s;animation-iteration-count:infinite;animation-delay:.6s;-webkit-animation-name:pulse00;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:.6s}.r1>.hex-brick{animation-name:fade00;animation-duration:2s;animation-iteration-count:infinite;animation-delay:.2s;-webkit-animation-name:fade00;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:.2s}.r2>.hex-brick{animation-name:fade00;animation-duration:2s;animation-iteration-count:infinite;animation-delay:.4s;-webkit-animation-name:fade00;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:.4s}.r3>.hex-brick{animation-name:fade00;animation-duration:2s;animation-iteration-count:infinite;animation-delay:.6s;-webkit-animation-name:fade00;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:.6s}@keyframes pulse00{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.01);transform:scale(.01)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes fade00{0%{background:#ccc}50%{background:#fff}to{background:#ccc}}.adminSidebar{width:260px;height:100vh;background-color:#432c11;color:#fff;position:fixed;left:0;top:0;z-index:1000}.adminSidebar .sidebarLogo{padding:10px 20px;border-bottom:1px solid #888686}.adminSidebar .sidebarLogo img{height:80px;width:80px}.adminSidebar .sidebarNav{flex:1;padding:16px 0;overflow-y:auto}.adminSidebar .sidebarNav .navItem{padding:16px 24px;color:#fff;gap:16px;margin-right:12px}.adminSidebar .sidebarNav .navItem .navTitle,.adminSidebar .sidebarNav .navItem .navIcon{font-size:16px;font-weight:300;letter-spacing:1px}.adminSidebar .sidebarNav .navItem:hover,.adminSidebar .sidebarNav .navItem.activeNavItem{background-color:#ff8816}.adminSidebar .sidebarFooter{border-top:1px solid #888686;padding:16px 24px}.adminSidebar .sidebarFooter .versionText{font-size:11px;color:#fff;margin:0}.adminLayout{display:flex;min-height:100vh;width:100%}.adminLayout .layoutRight{flex:1;margin-left:260px;display:flex;flex-direction:column;background-color:#f1f5f9;min-width:0}.adminLayout .mainContent{padding:30px;flex:1}.globalModalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;padding:20px;animation:fadeIn .3s ease-out}.globalModalOverlay .globalModalContainer{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-height:90vh;width:100%;animation:slideUp .3s ease-out}.globalModalOverlay .globalModalContainer--small{max-width:600px}.globalModalOverlay .globalModalContainer--medium{max-width:900px}.globalModalOverlay .globalModalContainer--large{max-width:1100px}.globalModalOverlay .globalModalContainer .globalModalHeader{padding:20px;border-bottom:1px solid #eee;background-color:#fffdf5;border-radius:12px 12px 0 0}.globalModalOverlay .globalModalContainer .globalModalHeader .title{margin:0;font-size:18px;font-weight:600;color:#432c11}.globalModalOverlay .globalModalContainer .globalModalHeader .closeBtn{background:none;border:none;font-size:20px;color:#d3d1d1;cursor:pointer;line-height:1}.globalModalOverlay .globalModalContainer .globalModalHeader .closeBtn:hover{color:#ff8816}.globalModalOverlay .globalModalContainer .globalModalBody{padding:20px;overflow-y:auto}.globalModalOverlay .globalModalContainer .globalModalBody::-webkit-scrollbar{width:6px}.globalModalOverlay .globalModalContainer .globalModalBody::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.authContainer{min-height:100vh;background-color:#fffdf5}.authContainer .authCard{background-color:#fff;width:100%;max-width:420px;padding:40px;border-radius:15px;box-shadow:0 10px 25px #0003}.authContainer .authCard .authHeader{margin-bottom:30px;text-align:center}.authContainer .authCard .authHeader h2{font-size:28px;color:#432c11;font-weight:700;margin-bottom:10px}.authContainer .authCard form{gap:20px}.authContainer .authCard form .inputGroup{gap:8px}.authContainer .authCard form .inputGroup label{font-size:14px;color:#d3d1d1;font-weight:600}.authContainer .authCard form .inputGroup input{width:100%;padding:14px;border:1px solid #888686;border-radius:8px;outline:none}.authContainer .authCard form .inputGroup input::placeholder{color:#d3d1d1;font-size:14px}.authContainer .authCard form .inputGroup input:focus{border-color:#ff8816;box-shadow:0 0 0 3px #ff88161a}.authContainer .authCard form .inputGroup input.inputError{border-color:#e74c3c;background-color:#e74c3c05}.authContainer .authCard form .inputGroup input.inputError:focus{box-shadow:0 0 0 3px #e74c3c1a}.authContainer .authCard form .inputGroup .passwordInputWrapper{position:relative;width:100%}.authContainer .authCard form .inputGroup .passwordInputWrapper input{padding-right:40px}.authContainer .authCard form .inputGroup .passwordInputWrapper .eyeBtn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#d3d1d1;font-size:18px;transition:color .2s}.authContainer .authCard form .inputGroup .passwordInputWrapper .eyeBtn:hover{color:#ff8816}.authContainer .authCard form .inputGroup .errorText{color:#e74c3c;font-size:12px;font-weight:500;margin-top:4px}.authContainer .authCard form .loginBtn{width:100%;background-color:#ff8816;color:#fff;padding:15px;border-radius:8px;font-size:16px;font-weight:600;margin-top:10px}.authContainer .authCard form .loginBtn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}.authContainer .authCard form .loginBtn:active:not(:disabled){transform:translateY(0)}.authContainer .authCard form .loginBtn:disabled{opacity:.6;cursor:not-allowed}.homeContainer .dashboardTitle{font-size:22px;font-weight:700;color:#432c11;margin-bottom:25px}.homeContainer .statsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.homeContainer .statCard{background:#fffdf5;padding:24px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s}.homeContainer .statCard:hover{transform:translateY(-5px)}.homeContainer .statCard .statInfo{gap:10px}.homeContainer .statCard .statInfo .statTitle{font-size:14px;color:#432c1180;font-weight:500}.homeContainer .statCard .statInfo .statValue{font-size:24px;font-weight:700;color:#432c11;margin-top:5px}.homeContainer .statCard .statIcon{font-size:40px;padding:10px;border-radius:10px}.homeContainer .statCard.blue .statIcon{background:#eff6ff;color:#3b82f6}.homeContainer .statCard.green .statIcon{background:#f0fdf4;color:#22c55e}.homeContainer .statCard.purple .statIcon{background:#faf5ff;color:#a855f7}.homeContainer .statCard.orange .statIcon{background:#fff7ed;color:#f39c12}.heroContainer .heroHeader{margin-bottom:25px}.heroContainer .heroHeader .sectionTitle{font-size:22px;color:#432c11;font-weight:700}.heroContainer .heroHeader .addButton{background-color:#ff8816;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;cursor:pointer;font-weight:600}.heroContainer .heroHeader .addButton:hover{background-color:#432c11}.heroContainer .heroTableWrapper{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a}.heroContainer .heroTableWrapper .heroTable{width:100%;border-collapse:collapse;text-align:left}.heroContainer .heroTableWrapper .heroTable th{padding:12px;border-bottom:2px solid #f1f5f9;color:#432c11;font-weight:600}.heroContainer .heroTableWrapper .heroTable td{padding:15px 12px;border-bottom:1px solid #f1f5f9;color:#432c11cc}.heroContainer .heroTableWrapper .heroTable .tableImage{width:80px;height:50px;border-radius:6px}.heroContainer .heroTableWrapper .heroTable .textTruncate{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:all .3s ease}.heroContainer .heroTableWrapper .heroTable .textTruncate.expanded{white-space:normal;background:#f8fafc;padding:8px;border-radius:6px;border:1px solid #e2e8f0}.heroContainer .heroTableWrapper .heroTable .textTruncate:hover:not(.expanded){color:#ff8816}.heroContainer .heroTableWrapper .heroTable .actionButtons button{padding:8px;border:none;border-radius:6px;cursor:pointer;font-size:18px;display:flex}.heroContainer .heroTableWrapper .heroTable .actionButtons button.editBtn{background-color:#eff6ff;color:#3b82f6}.heroContainer .heroTableWrapper .heroTable .actionButtons button.editBtn:hover{background-color:#3b82f6;color:#fff}.heroContainer .heroTableWrapper .heroTable .actionButtons button.deleteBtn{background-color:#fef2f2;color:#ef4444}.heroContainer .heroTableWrapper .heroTable .actionButtons button.deleteBtn:hover{background-color:#ef4444;color:#fff}.productContainer{padding:10px}.productContainer .pageHeader{margin-bottom:25px}.productContainer .pageHeader .sectionTitle{font-size:22px;color:#432c11;font-weight:700}.productContainer .pageHeader .addButton{background-color:#ff8816;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;font-weight:600;gap:8px;transition:all .2s}.productContainer .pageHeader .addButton:hover{background-color:#ff8816;transform:translateY(-1px)}.productContainer .tableWrapper{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow-x:auto}.productContainer .tableWrapper .mainTable{width:100%;border-collapse:collapse;text-align:left}.productContainer .tableWrapper .mainTable th{padding:15px 12px;border-bottom:2px solid #f1f5f9;color:#64748b;font-weight:600;font-size:14px;text-transform:uppercase}.productContainer .tableWrapper .mainTable td{padding:12px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#334155}.productContainer .tableWrapper .mainTable .tableThumb{width:60px;height:60px;object-fit:cover;border-radius:8px;background-color:#f8fafc}.productContainer .tableWrapper .mainTable .textBold{font-weight:600;color:#432c11}.productContainer .tableWrapper .mainTable .statusBadge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.productContainer .tableWrapper .mainTable .statusBadge.inStock{background-color:#dcfce7;color:#166534}.productContainer .tableWrapper .mainTable .statusBadge.outOfStock{background-color:#fee2e2;color:#991b1b}.productContainer .tableWrapper .mainTable .actionButtons button{padding:8px;border:none;border-radius:6px;cursor:pointer;font-size:18px;display:flex;transition:all .2s}.productContainer .tableWrapper .mainTable .actionButtons button.editBtn{background-color:#eff6ff;color:#3b82f6}.productContainer .tableWrapper .mainTable .actionButtons button.editBtn:hover{background-color:#3b82f6;color:#fff}.productContainer .tableWrapper .mainTable .actionButtons button.deleteBtn{background-color:#fef2f2;color:#ef4444}.productContainer .tableWrapper .mainTable .actionButtons button.deleteBtn:hover{background-color:#ef4444;color:#fff}.newsletterContainer{padding:10px}.newsletterContainer .pageHeader{margin-bottom:25px;display:flex;justify-content:space-between;align-items:center}.newsletterContainer .pageHeader .sectionTitle{font-size:22px;color:#432c11;font-weight:700}.newsletterContainer .tableWrapper{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow-x:auto}.newsletterContainer .tableWrapper .mainTable{width:100%;border-collapse:collapse;text-align:left}.newsletterContainer .tableWrapper .mainTable th{padding:15px 12px;border-bottom:2px solid #f1f5f9;color:#64748b;font-weight:600;font-size:14px;text-transform:uppercase}.newsletterContainer .tableWrapper .mainTable td{padding:12px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#334155}.newsletterContainer .tableWrapper .mainTable .textBold{font-weight:600;color:#432c11}.newsletterContainer .tableWrapper .mainTable .actionButtons{display:flex;gap:8px}.newsletterContainer .tableWrapper .mainTable .actionButtons button{padding:8px;border:none;border-radius:6px;cursor:pointer;font-size:18px;display:flex;transition:all .2s}.newsletterContainer .tableWrapper .mainTable .actionButtons button.deleteBtn{background-color:#fef2f2;color:#ef4444}.newsletterContainer .tableWrapper .mainTable .actionButtons button.deleteBtn:hover{background-color:#ef4444;color:#fff}.newsletterContainer .emptyState{text-align:center;padding:40px;color:#64748b;font-size:16px}.usersContainer{padding:10px}.usersContainer .pageHeader{margin-bottom:25px;display:flex;justify-content:space-between;align-items:center}.usersContainer .pageHeader .sectionTitle{font-size:22px;color:#432c11;font-weight:700}.usersContainer .pageHeader .deleteAllBtn{padding:8px 16px;background-color:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .2s}.usersContainer .pageHeader .deleteAllBtn:hover{background-color:#dc2626}.usersContainer .tableWrapper{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow-x:auto}.usersContainer .tableWrapper .mainTable{width:100%;border-collapse:collapse;text-align:left}.usersContainer .tableWrapper .mainTable th{padding:15px 12px;border-bottom:2px solid #f1f5f9;color:#64748b;font-weight:600;font-size:14px;text-transform:uppercase}.usersContainer .tableWrapper .mainTable td{padding:12px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#334155}.usersContainer .tableWrapper .mainTable .userInfo{display:flex;flex-direction:column}.usersContainer .tableWrapper .mainTable .userInfo .name{font-weight:600;color:#432c11}.usersContainer .tableWrapper .mainTable .userInfo .email{font-size:13px;color:#64748b}.usersContainer .tableWrapper .mainTable .actionButtons{display:flex;gap:8px}.usersContainer .tableWrapper .mainTable .actionButtons button{padding:8px;border:none;border-radius:6px;cursor:pointer;font-size:18px;display:flex;transition:all .2s}.usersContainer .tableWrapper .mainTable .actionButtons button.deleteBtn{background-color:#fef2f2;color:#ef4444}.usersContainer .tableWrapper .mainTable .actionButtons button.deleteBtn:hover{background-color:#ef4444;color:#fff}.usersContainer .emptyState{text-align:center;padding:40px;color:#64748b;font-size:16px}.ordersContainer{padding:20px}.ordersContainer .pageHeader{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.ordersContainer .pageHeader .sectionTitle{font-size:24px;color:#432c11;font-weight:700}.ordersContainer .pageHeader .deleteAllBtn{padding:10px 20px;background-color:#e74c3c;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .2s}.ordersContainer .pageHeader .deleteAllBtn:hover{background-color:#e74c3c}.ordersContainer .ordersGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.ordersContainer .orderCard{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:box-shadow .2s}.ordersContainer .orderCard:hover{box-shadow:0 4px 16px #0000001f}.ordersContainer .orderCard .cardHeader{display:flex;align-items:center;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:12px}.ordersContainer .orderCard .cardHeader .orderNumber{font-size:16px;font-weight:700;color:#64748b}.ordersContainer .orderCard .cardHeader .statusBadge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;margin-left:auto}.ordersContainer .orderCard .cardHeader .statusBadge:hover{opacity:.85;transform:scale(1.02)}.ordersContainer .orderCard .cardHeader .statusBadge.pending{background-color:#fef3c7;color:#92400e}.ordersContainer .orderCard .cardHeader .statusBadge.processing{background-color:#dbeafe;color:#1e40af}.ordersContainer .orderCard .cardHeader .statusBadge.completed{background-color:#dcfce7;color:#166534}.ordersContainer .orderCard .cardHeader .statusBadge.cancelled{background-color:#fee2e2;color:#991b1b}.ordersContainer .orderCard .cardHeader .deleteBtn{padding:8px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#94a3b8;font-size:18px;display:flex;transition:all .2s}.ordersContainer .orderCard .cardHeader .deleteBtn:hover{background-color:#fee2e2;color:#e74c3c}.ordersContainer .orderCard .customerSection{padding:16px 20px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid #f1f5f9}.ordersContainer .orderCard .customerSection .infoRow{display:flex;align-items:flex-start;gap:12px}.ordersContainer .orderCard .customerSection .infoRow .icon{width:18px;height:18px;color:#94a3b8;flex-shrink:0;margin-top:2px}.ordersContainer .orderCard .customerSection .infoRow .infoContent{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ordersContainer .orderCard .customerSection .infoRow .infoContent .label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.ordersContainer .orderCard .customerSection .infoRow .infoContent .value{font-size:14px;font-weight:600;color:#432c11;word-wrap:break-word}.ordersContainer .orderCard .customerSection .infoRow .infoContent .subValue{font-size:12px;color:#64748b;word-wrap:break-word}.ordersContainer .orderCard .productsSection{padding:16px 20px;border-bottom:1px solid #f1f5f9}.ordersContainer .orderCard .productsSection .sectionHeader{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.ordersContainer .orderCard .productsSection .sectionHeader .icon{width:16px;height:16px}.ordersContainer .orderCard .productsSection .productsList{display:flex;flex-direction:column;gap:8px}.ordersContainer .orderCard .productsSection .productsList .productItem{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f8fafc;border-radius:8px;gap:12px}.ordersContainer .orderCard .productsSection .productsList .productItem .productName{font-size:13px;font-weight:500;color:#334155;flex:1;min-width:0;word-wrap:break-word}.ordersContainer .orderCard .productsSection .productsList .productItem .productDetails{display:flex;align-items:center;gap:8px;flex-shrink:0}.ordersContainer .orderCard .productsSection .productsList .productItem .productDetails .weight,.ordersContainer .orderCard .productsSection .productsList .productItem .productDetails .quantity{font-size:12px;padding:4px 8px;background:#fff;border-radius:4px}.ordersContainer .orderCard .productsSection .productsList .productItem .productDetails .weight{color:#64748b}.ordersContainer .orderCard .productsSection .productsList .productItem .productDetails .x{font-size:12px;color:#64748b}.ordersContainer .orderCard .productsSection .productsList .productItem .productDetails .quantity{font-weight:600;color:#334155}.ordersContainer .orderCard .totalSection{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.ordersContainer .orderCard .totalSection .totalLabel{font-size:14px;font-weight:500;color:#64748b}.ordersContainer .orderCard .totalSection .totalPrice{font-size:20px;font-weight:700;color:#ff8816}.ordersContainer .emptyState{text-align:center;padding:80px 20px;color:#64748b;font-size:16px;background:#fff;border-radius:12px}@media screen and (max-width:900px){.ordersContainer{padding:16px}.ordersContainer .ordersGrid{grid-template-columns:1fr}.ordersContainer .orderCard .cardHeader,.ordersContainer .orderCard .customerSection,.ordersContainer .orderCard .productsSection,.ordersContainer .orderCard .totalSection{padding:14px 16px}.ordersContainer .orderCard .totalSection .totalPrice{font-size:18px}}@media screen and (max-width:480px){.ordersContainer{padding:12px}.ordersContainer .pageHeader{flex-direction:column;gap:12px;align-items:flex-start}.ordersContainer .pageHeader .deleteAllBtn{width:100%;justify-content:center}.ordersContainer .orderCard .productsSection .productsList .productItem{flex-direction:column;align-items:flex-start;gap:8px}.ordersContainer .orderCard .productsSection .productsList .productItem .productDetails{width:100%;justify-content:flex-start}}.settingsContainer{padding:20px}.settingsContainer .pageHeader{margin-bottom:24px}.settingsContainer .pageHeader .sectionTitle{font-size:24px;color:#432c11;font-weight:700}.settingsContainer .settingsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.settingsContainer .settingsCard{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.settingsContainer .settingsCard .cardHeader{display:flex;align-items:center;gap:12px;padding:20px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.settingsContainer .settingsCard .cardHeader .headerIcon{font-size:20px;color:#ff8816}.settingsContainer .settingsCard .cardHeader h3{font-size:16px;font-weight:600;color:#432c11;margin:0}.settingsContainer .settingsCard.avatarCard .avatarSection{padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:16px}.settingsContainer .settingsCard.avatarCard .avatarSection .avatarWrapper{position:relative;cursor:pointer}.settingsContainer .settingsCard.avatarCard .avatarSection .avatarWrapper .avatar{width:120px;height:120px;border-radius:50%;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden;border:3px solid #e2e8f0;transition:all .2s}.settingsContainer .settingsCard.avatarCard .avatarSection .avatarWrapper .avatar img{width:100%;height:100%;object-fit:cover}.settingsContainer .settingsCard.avatarCard .avatarSection .avatarWrapper .avatar .avatarPlaceholder{font-size:48px;color:#94a3b8}.settingsContainer .settingsCard.avatarCard .avatarSection .avatarWrapper .avatarOverlay{position:absolute;inset:0;border-radius:50%;background:#432c1199;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.settingsContainer .settingsCard.avatarCard .avatarSection .avatarWrapper .avatarOverlay svg{font-size:28px;color:#fff}.settingsContainer .settingsCard.avatarCard .avatarSection .avatarWrapper:hover .avatar{border-color:#ff8816}.settingsContainer .settingsCard.avatarCard .avatarSection .avatarWrapper:hover .avatarOverlay{opacity:1}.settingsContainer .settingsCard.avatarCard .avatarSection .avatarActions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:8px}.settingsContainer .settingsCard.avatarCard .avatarSection .avatarActions .avatarHint{font-size:13px;color:#64748b;margin:0;text-align:center}.settingsContainer .settingsCard.avatarCard .avatarSection .avatarActions .deleteAvatarBtn{padding:8px 16px;background:#e74c3c1a;color:#e74c3c;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.settingsContainer .settingsCard.avatarCard .avatarSection .avatarActions .deleteAvatarBtn:hover{background:#e74c3c33}.settingsContainer .settingsCard .settingsForm{padding:24px;display:flex;flex-direction:column;gap:20px}.settingsContainer .settingsCard .settingsForm .inputGroup{display:flex;flex-direction:column;gap:8px}.settingsContainer .settingsCard .settingsForm .inputGroup label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#432c11}.settingsContainer .settingsCard .settingsForm .inputGroup label .labelIcon{font-size:16px;color:#64748b}.settingsContainer .settingsCard .settingsForm .inputGroup .passwordInputWrapper{position:relative;width:100%}.settingsContainer .settingsCard .settingsForm .inputGroup .passwordInputWrapper input{width:100%;padding-right:40px}.settingsContainer .settingsCard .settingsForm .inputGroup .passwordInputWrapper .eyeBtn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:18px;transition:color .2s}.settingsContainer .settingsCard .settingsForm .inputGroup .passwordInputWrapper .eyeBtn:hover{color:#ff8816}.settingsContainer .settingsCard .settingsForm .inputGroup input{padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#2e2d2b;background:#fff;transition:all .2s}.settingsContainer .settingsCard .settingsForm .inputGroup input:focus{outline:none;border-color:#ff8816}.settingsContainer .settingsCard .settingsForm .inputGroup input::placeholder{color:#94a3b8}.settingsContainer .settingsCard .settingsForm .inputGroup input.inputError{border-color:#e74c3c}.settingsContainer .settingsCard .settingsForm .inputGroup .errorText{font-size:12px;color:#e74c3c}.settingsContainer .settingsCard .settingsForm .saveBtn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#ff8816;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.settingsContainer .settingsCard .settingsForm .saveBtn:hover{opacity:.9}.settingsContainer .settingsCard .settingsForm .saveBtn:disabled{opacity:.7;cursor:not-allowed}.settingsContainer .settingsCard.dangerZone .cardHeader{background:#e74c3c0d}.settingsContainer .settingsCard.dangerZone .cardHeader .headerIcon{color:#e74c3c}.settingsContainer .settingsCard.dangerZone .dangerContent{padding:24px}.settingsContainer .settingsCard.dangerZone .dangerContent p{font-size:14px;color:#64748b;margin:0 0 16px;line-height:1.5}.settingsContainer .settingsCard.dangerZone .dangerContent .logoutBtn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.settingsContainer .settingsCard.dangerZone .dangerContent .logoutBtn:hover{opacity:.9}@media screen and (max-width:900px){.settingsContainer{padding:16px}.settingsContainer .settingsGrid{grid-template-columns:1fr}}@media screen and (max-width:480px){.settingsContainer{padding:12px}.settingsContainer .settingsCard .cardHeader{padding:16px 20px}.settingsContainer .settingsCard .settingsForm{padding:20px}.settingsContainer .settingsCard.avatarCard .avatarSection{padding:24px 20px}.settingsContainer .settingsCard.avatarCard .avatarSection .avatarWrapper .avatar{width:100px;height:100px}.settingsContainer .settingsCard .dangerContent{padding:20px}}.reviewsContainer{padding:10px}.reviewsContainer .pageHeader{margin-bottom:25px}.reviewsContainer .pageHeader .sectionTitle{font-size:22px;color:#432c11;font-weight:700}.reviewsContainer .tableWrapper{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow-x:auto}.reviewsContainer .tableWrapper .mainTable{width:100%;border-collapse:collapse;text-align:left}.reviewsContainer .tableWrapper .mainTable th{padding:15px 12px;border-bottom:2px solid #f1f5f9;color:#64748b;font-weight:600;font-size:14px;text-transform:uppercase}.reviewsContainer .tableWrapper .mainTable td{padding:12px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#334155;font-size:14px}.reviewsContainer .tableWrapper .mainTable .userInfo{display:flex;flex-direction:column}.reviewsContainer .tableWrapper .mainTable .userInfo .name{font-weight:600;color:#432c11}.reviewsContainer .tableWrapper .mainTable .userInfo .email{font-size:13px;color:#64748b}.reviewsContainer .tableWrapper .mainTable .productInfo{display:flex;align-items:center;gap:10px;max-width:250px}.reviewsContainer .tableWrapper .mainTable .productInfo .productThumb{width:40px;height:40px;border-radius:6px;object-fit:cover;border:1px solid #e2e8f0}.reviewsContainer .tableWrapper .mainTable .productInfo .productTitle{font-weight:500;color:#432c11;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reviewsContainer .tableWrapper .mainTable .ratingWrapper{display:flex;align-items:center;gap:6px}.reviewsContainer .tableWrapper .mainTable .ratingWrapper .star-icon{color:#cbd5e1}.reviewsContainer .tableWrapper .mainTable .ratingWrapper .star-icon.filled{color:#f59e0b;fill:#f59e0b}.reviewsContainer .tableWrapper .mainTable .ratingWrapper .ratingValue{font-weight:600;color:#432c11;font-size:14px}.reviewsContainer .tableWrapper .mainTable .commentCell{max-width:300px}.reviewsContainer .tableWrapper .mainTable .commentCell .commentText{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475569;cursor:pointer;transition:all .3s ease}.reviewsContainer .tableWrapper .mainTable .commentCell .commentText.expanded{white-space:normal;background:#f8fafc;padding:8px;border-radius:6px;border:1px solid #e2e8f0}.reviewsContainer .tableWrapper .mainTable .commentCell .commentText:hover:not(.expanded){color:#ff8816}.reviewsContainer .tableWrapper .mainTable .actionButtons{display:flex;gap:8px}.reviewsContainer .tableWrapper .mainTable .actionButtons button{padding:8px;border:none;border-radius:6px;cursor:pointer;font-size:18px;display:flex;transition:all .2s}.reviewsContainer .tableWrapper .mainTable .actionButtons button.deleteBtn{background-color:#fef2f2;color:#ef4444}.reviewsContainer .tableWrapper .mainTable .actionButtons button.deleteBtn:hover{background-color:#ef4444;color:#fff}.reviewsContainer .emptyState{text-align:center;padding:40px;color:#64748b;font-size:16px}.heroForm .formGrid{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:start}.heroForm .langSection{margin-bottom:25px}.heroForm .langSection .langTitle{font-size:14px;font-weight:700;color:#432c1199;padding-bottom:5px}.heroForm .formInput,.heroForm .formTextarea{width:100%;padding:12px;margin-bottom:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.heroForm .formInput:focus,.heroForm .formTextarea:focus{outline:none;border-color:#ff8816}.heroForm .formTextarea{min-height:80px;resize:none}.heroForm .imageUploadSection .imageLabel{display:block;font-weight:600;margin-bottom:12px;color:#432c1199}.heroForm .imageUploadSection .imagePreviewBox{width:100%;height:320px;border:2px dashed #cbd5e1;border-radius:12px;background-color:#f8fafc;cursor:pointer;overflow:hidden}.heroForm .imageUploadSection .imagePreviewBox:hover{border-color:#ff8816;background-color:#f1f5f9}.heroForm .imageUploadSection .imagePreviewBox .uploadPlaceholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:#d3d1d1}.heroForm .imageUploadSection .imageHint{margin-top:10px;font-size:12px;color:#64748b;text-align:center}.productForm{background:#fff;padding:0}.productForm .scrollableContent{max-height:80vh;overflow-y:auto;padding:10px 20px}.productForm .scrollableContent::-webkit-scrollbar{width:4px}.productForm .scrollableContent::-webkit-scrollbar-thumb{background:#f1f5f9;border-radius:10px}.productForm .formGrid{display:grid;grid-template-columns:1fr;gap:12px;margin:0 auto}.productForm .cardSection{background:#fff;padding:12px 16px;border-radius:8px;margin-bottom:4px;border:1px solid #f8fafc;box-shadow:none}.productForm .cardSection h3{font-size:13px;margin-bottom:12px;display:flex;align-items:center;gap:8px;color:#334155;font-weight:600}.productForm .cardSection h3 .langBadge{font-size:9px;padding:1px 5px;color:#fff;border-radius:4px;font-weight:700}.productForm .cardSection h3 .langBadge.az{background:#10b981}.productForm .cardSection h3 .langBadge.en{background:#3b82f6}.productForm .cardSection label{display:block;font-size:12px;font-weight:500;color:#64748b;margin-bottom:4px}.productForm .formInput,.productForm .formTextarea,.productForm .dynamicInputRow input{width:100%;padding:8px 10px;margin-bottom:8px;border:1px solid #f1f5f9;border-radius:6px;font-size:12px;background:#fdfdfd;transition:all .1s;outline:none}.productForm .formInput::-webkit-outer-spin-button,.productForm .formInput::-webkit-inner-spin-button,.productForm .formTextarea::-webkit-outer-spin-button,.productForm .formTextarea::-webkit-inner-spin-button,.productForm .dynamicInputRow input::-webkit-outer-spin-button,.productForm .dynamicInputRow input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.productForm .formInput[type=number],.productForm .formTextarea[type=number],.productForm .dynamicInputRow input[type=number]{-moz-appearance:textfield;appearance:textfield}.productForm .formInput:focus,.productForm .formTextarea:focus,.productForm .dynamicInputRow input:focus{background:#fff;border-color:#ff8816!important}.productForm .formInput::placeholder,.productForm .formTextarea::placeholder,.productForm .dynamicInputRow input::placeholder{color:#cbd5e1;font-size:11px}.productForm .formTextarea{min-height:80px;resize:none}.productForm .dynamicList .dynamicInputRow{display:flex;gap:6px;margin-bottom:8px;align-items:center}.productForm .dynamicList .dynamicInputRow input{margin-bottom:0}.productForm .dynamicList .dynamicInputRow button{background:#fef2f2;color:#ef4444;border:none;width:30px;height:30px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.productForm .dynamicList .dynamicInputRow button:hover{background:#ef4444;color:#fff}.productForm .dynamicList .addBtn{width:auto;padding:6px 12px;border:1px dashed #f1f5f9;background:transparent;color:#94a3b8;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-weight:500;font-size:11px}.productForm .dynamicList .addBtn:hover{border-color:#ff8816;color:#ff8816;background:#ff881605}.productForm .categoryGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.productForm .categoryGrid .categoryItem{display:flex;align-items:center;gap:8px;font-size:11px;cursor:pointer;background:#fdfdfd}.productForm .categoryGrid .categoryItem input{width:13px;height:13px;cursor:pointer;accent-color:#ff8816}.productForm .categoryGrid .categoryItem:has(input:checked){border-color:#ff8816;background:#ff881605;color:#ff8816}.productForm .imageGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.productForm .imageGrid .imgBox{width:150px;height:120px;border:1px dashed #f1f5f9;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;background:#fdfdfd}.productForm .imageGrid .imgBox img{width:60%;height:60%;object-fit:contain}.productForm .imageGrid .imgBox svg{font-size:16px;color:#cbd5e1}.productForm .imageGrid .imgBox .imgLabel{position:absolute;bottom:0;left:0;background:#0f172ab3;color:#fff;width:100%;padding:2px;font-size:8px;text-align:center;text-transform:uppercase}.productForm .imageGrid .imgBox:hover{border-color:#ff8816;background:#fff}.productForm .formFooter{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding:12px 20px;border-top:1px solid #f8fafc}.productForm .formFooter button{padding:8px 20px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none}.productForm .formFooter .cancelBtn{background:transparent;color:#94a3b8}.productForm .formFooter .cancelBtn:hover{color:#64748b}.productForm .formFooter .submitBtn{background:#ff8816;color:#fff;min-width:120px}.productForm .formFooter .submitBtn:hover:not(:disabled){opacity:.9}.productForm .formFooter .submitBtn:disabled{background:#f1f5f9;color:#cbd5e1}.productForm .formFooter .submitBtn.success{background:#10b981!important;pointer-events:none}