@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font-family: "Manrope", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--background-color: #f8faf8;--primary-color: #0071bc;--primary-dark: #1b5e20;--secondary-color: #0f9cfa;--accent-color: #ffb300;--highlight-color: #4caf50;--danger-color: #e53935;--text-color: #2c2c2c;--text-light-color: #6e6e6e;--card-bg-color: #ffffff;--border-color: #e0e0e0;--border-radius: 12px;--shadow-light: 0 2px 8px rgba(0, 0, 0, .08);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .12);--shadow-heavy: 0 8px 32px rgba(0, 0, 0, .16);--menu-width: 280px;--header-height: 75px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.createnewbtn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.createnewbtn:hover{transform:translateY(-2px)}.createnewbtn .material-icons{font-size:20px}.product-name{font-weight:600;color:#424242}.product-name:hover{text-decoration:underline}.image-wrapper{max-width:150px;width:100%;height:80px;object-fit:cover;object-position:center;border-radius:20px;overflow:hidden;margin:0 auto 1rem}.detail-image{width:100%;display:block}.popup-body{padding:24px;overflow-y:auto;max-height:calc(85vh - 80px)}.popup-body::-webkit-scrollbar{width:6px}.popup-body::-webkit-scrollbar-track{background:#f5f5f5}.popup-body::-webkit-scrollbar-thumb{background:var(--primary-color, #1976d2);border-radius:10px}.popup-body::-webkit-scrollbar-thumb:hover{background:#1565c0}.load-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,var(--primary-color, #1976d2),var(--secondary-color, #2196f3));color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.load-more-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1976d266}.load-more-btn .material-icons{font-size:22px}