:root{--primary-color:#f90;--primary-dark:#e8890e;--primary-light:#ffb84d;--secondary-color:#232f3e;--secondary-dark:#131921;--secondary-light:#37475a;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#eaeded;--bg-dark:#131921;--text-primary:#0f1111;--text-secondary:#565959;--text-tertiary:#767676;--text-light:#fff;--text-link:#007185;--text-link-hover:#c7511f;--border-light:#d5d9d9;--border-medium:#a2a6ac;--border-dark:#565959;--success:#007600;--error:#c40000;--warning:orange;--info:#0066c0;--btn-primary:#ffd814;--btn-primary-hover:#fcd200;--btn-primary-text:#0f1111;--btn-secondary:orange;--btn-secondary-hover:#ff8f00;--btn-danger:#c40000;--btn-danger-hover:#a00000;--btn-outline:#fff;--btn-outline-border:#d5d9d9;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--font-family-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-heading:"Amazon Ember",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-md:18px;--font-size-lg:20px;--font-size-xl:24px;--font-size-xxl:28px;--font-size-xxxl:32px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 2px 4px 0 #0000001a;--shadow-lg:0 4px 8px 0 #0000001f;--shadow-xl:0 8px 16px 0 #00000026;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--max-width-container:1400px;--max-width-content:1200px;--header-height:60px;--sidebar-width:250px}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;background-color:var(--bg-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-primary);font-size:16px;font-size:var(--font-size-base);line-height:1.5;padding:0}body,h1,h2,h3,h4,h5,h6{color:#0f1111;color:var(--text-primary);margin:0}h1,h2,h3,h4,h5,h6{font-family:Amazon Ember,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-heading);font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.2}h1{font-size:32px;font-size:var(--font-size-xxxl)}h2{font-size:28px;font-size:var(--font-size-xxl)}h3{font-size:24px;font-size:var(--font-size-xl)}h4{font-size:20px;font-size:var(--font-size-lg)}a{color:#007185;color:var(--text-link);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#c7511f;color:var(--text-link-hover);text-decoration:underline}button{border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-primary);font-size:16px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);transition:all .2s ease;transition:all var(--transition-base)}.btn-primary{background-color:#ffd814;background-color:var(--btn-primary);color:#0f1111;color:var(--btn-primary-text);font-weight:600;font-weight:var(--font-weight-semibold);padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg)}.btn-primary:hover{background-color:#fcd200;background-color:var(--btn-primary-hover);box-shadow:0 2px 4px 0 #0000001a;box-shadow:var(--shadow-md)}.btn-secondary{background-color:orange;background-color:var(--btn-secondary);color:#fff;color:var(--text-light);padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg)}.btn-secondary:hover{background-color:#ff8f00;background-color:var(--btn-secondary-hover);box-shadow:0 2px 4px 0 #0000001a;box-shadow:var(--shadow-md)}.btn-danger{background-color:#c40000;background-color:var(--btn-danger);color:#fff;color:var(--text-light);padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg)}.btn-danger:hover{background-color:#a00000;background-color:var(--btn-danger-hover);box-shadow:0 2px 4px 0 #0000001a;box-shadow:var(--shadow-md)}.btn-outline{background-color:#fff;background-color:var(--btn-outline);border:1px solid #d5d9d9;border:1px solid var(--btn-outline-border);color:#0f1111;color:var(--text-primary);padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg)}.btn-outline:hover{background-color:#f8f9fa;background-color:var(--bg-secondary);border-color:#a2a6ac;border-color:var(--border-medium)}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{background-color:#fff;background-color:var(--bg-primary);border:1px solid #d5d9d9;border:1px solid var(--border-light);border-radius:4px;border-radius:var(--radius-sm);color:#0f1111;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-primary);font-size:16px;font-size:var(--font-size-base);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .15s ease;transition:border-color var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{border-color:#f90;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff99001a;outline:none}.card{background-color:#fff;background-color:var(--bg-primary);border:1px solid #d5d9d9;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:24px;padding:var(--spacing-lg);transition:box-shadow .2s ease;transition:box-shadow var(--transition-base)}.card:hover{box-shadow:0 2px 4px 0 #0000001a;box-shadow:var(--shadow-md)}.container{margin:0 auto;max-width:1400px;max-width:var(--max-width-container);padding:0 24px;padding:0 var(--spacing-lg)}.text-center{text-align:center}.text-right{text-align:right}.mt-sm{margin-top:8px;margin-top:var(--spacing-sm)}.mt-md{margin-top:16px;margin-top:var(--spacing-md)}.mt-lg{margin-top:24px;margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:16px;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.p-sm{padding:8px;padding:var(--spacing-sm)}.p-md{padding:16px;padding:var(--spacing-md)}.p-lg{padding:24px;padding:var(--spacing-lg)}@media (max-width:768px){:root{--spacing-lg:16px;--spacing-xl:24px;--font-size-xl:20px;--font-size-xxl:24px;--font-size-xxxl:28px}.container{padding:0 16px;padding:0 var(--spacing-md)}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-header{align-items:stretch;background:linear-gradient(180deg,#f5f0e8,#efe9df);border-bottom:1px solid #e0d9cc;box-shadow:0 2px 4px #00000014;color:var(--text-primary);display:flex;flex-direction:column;padding:0;position:relative}.header-mobile{display:none}.header-mobile-row1{background:var(--secondary-dark);gap:12px;justify-content:space-between;padding:10px 12px 8px}.header-hamburger,.header-mobile-row1{align-items:center;color:#fff;display:flex}.header-hamburger{background:none;border:none;cursor:pointer;flex-shrink:0;justify-content:center;padding:6px}.header-mobile .logo-mobile{display:flex;flex:1 1;justify-content:center;min-width:0}.header-mobile .logo-mobile .logo-image{filter:brightness(0) invert(1);height:28px}.header-mobile-icons{align-items:center;display:flex;flex-shrink:0;gap:4px}.header-mobile-signin{color:#fff;font-size:13px;font-weight:500;padding:4px 6px;text-decoration:none;white-space:nowrap}.header-mobile-signin:hover{color:#fff;text-decoration:underline}.header-mobile-account{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px}.header-mobile-account .profile-icon-img{border:2px solid #ffffff80;border-radius:50%;height:28px;object-fit:cover;width:28px}.header-mobile-cart{align-items:center;color:#fff;display:flex;justify-content:center;padding:4px;position:relative;text-decoration:none}.header-mobile-cart:hover{color:var(--primary-color)}.header-cart-badge{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;position:absolute;right:-4px;top:-4px}.header-mobile-row2{background:var(--secondary-dark);padding:8px 12px 10px}.header-mobile-search-form{width:100%}.header-mobile-search-inner{align-items:stretch;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;width:100%}.header-mobile-search-form:focus-within .header-mobile-search-inner{outline:2px solid var(--primary-color);outline-offset:2px}.header-mobile-search-input{background:#fff;border:none;color:var(--text-primary);flex:1 1 auto;font-size:14px;min-width:0;padding:10px 14px}.header-mobile-search-input::placeholder{color:#767676}.header-mobile-search-input:focus{outline:none}.header-mobile-search-btn{align-items:center;background:var(--primary-color);border:none;color:#fff;cursor:pointer;display:flex;flex:0 0 48px;justify-content:center;min-width:48px;padding:0;width:48px}.header-mobile-search-btn:hover{background:var(--primary-dark)}.header-mobile-search-btn svg{stroke:#fff;height:20px;width:20px}.header-mobile-overlay{background:#0006;inset:0;position:fixed;z-index:9998}.header-mobile-drawer{background:#fff;box-shadow:4px 0 20px #00000026;display:flex;flex-direction:column;height:100vh;left:0;max-width:85vw;position:fixed;top:0;width:280px;z-index:9999}.header-mobile-drawer-header{align-items:center;background:var(--secondary-dark);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.header-mobile-drawer-title{font-size:18px;font-weight:600}.header-mobile-drawer-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px}.header-mobile-drawer-body{flex:1 1;overflow-y:auto;padding:12px 0}.header-mobile-drawer-section{color:var(--text-primary);font-size:12px;font-weight:700;letter-spacing:.5px;padding:16px 20px 8px;text-transform:uppercase}.header-mobile-drawer-item{background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:15px;padding:12px 20px;text-align:left;text-decoration:none;width:100%}.header-mobile-drawer-item:hover{background:var(--bg-secondary);color:var(--primary-color)}.header-mobile-drawer-logout{border-top:1px solid var(--border-light);color:var(--error);font-weight:500;margin-top:8px;padding-top:16px}.app-header .header-content{align-items:center;background-color:initial;display:flex;flex-shrink:0;justify-content:space-between;margin:0 auto;max-width:var(--max-width-container);padding:var(--spacing-md) var(--spacing-lg);width:100%}.app-header .header-divider-line{background:#0000;border:none;border-top:1px solid #e0d9cc;flex-shrink:0;height:0;margin:0;min-height:0;padding:0;width:100%}.app-header .header-sub-wrap{background-color:initial;flex-shrink:0;width:100%}.app-header .header-sub{background-color:initial;display:block;margin:0 auto;max-width:var(--max-width-container);padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-md);width:100%}.app-header .header-sub .category-nav-inline{border:none;display:flex;flex:none;justify-content:flex-start;margin:0;padding:0}.app-header .logo{align-items:center;display:flex;flex-shrink:0;text-decoration:none}.category-nav-inline{align-items:center;display:flex;flex:1 1;gap:0;justify-content:center;margin:0 var(--spacing-lg)}.category-nav-inline .category-item{position:relative}.category-nav-inline .category-button{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);white-space:nowrap}.category-nav-inline .category-button:hover,.category-nav-inline .category-item.active .category-button{color:var(--primary-color)}.category-nav-inline .dropdown-arrow{font-size:10px;transition:transform var(--transition-fast)}.category-nav-inline .category-item.active .dropdown-arrow{transform:rotate(180deg)}.category-nav-inline .subcategory-dropdown{animation:dropdownFadeIn .2s ease;background-color:#fff;border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);left:0;min-width:180px;padding:var(--spacing-xs) 0;position:absolute;top:100%;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.category-nav-inline .subcategory-item-wrapper{position:relative}.category-nav-inline .subcategory-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-fast);width:100%}.category-nav-inline .subcategory-item-wrapper.active .subcategory-item,.category-nav-inline .subcategory-item:hover{background-color:var(--primary-color);color:#fff}.category-nav-inline .submenu-arrow{font-size:14px;margin-left:var(--spacing-sm)}.category-nav-inline .tertiary-dropdown{animation:dropdownFadeIn .15s ease;background-color:#fff;border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);left:100%;min-width:160px;padding:var(--spacing-xs) 0;position:absolute;top:0;z-index:1001}.category-nav-inline .tertiary-item-wrapper{position:relative}.category-nav-inline .tertiary-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-fast);width:100%}.category-nav-inline .tertiary-item-wrapper.active .tertiary-item,.category-nav-inline .tertiary-item:hover{background-color:var(--primary-color);color:#fff}.category-nav-inline .quaternary-dropdown{animation:dropdownFadeIn .15s ease;background-color:#fff;border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);left:100%;min-width:140px;padding:var(--spacing-xs) 0;position:absolute;top:0;z-index:1002}.category-nav-inline .quaternary-item{background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-fast);width:100%}.category-nav-inline .quaternary-item:hover{background-color:var(--primary-color);color:#fff}.app-header .logo-image{cursor:pointer;height:40px;transition:opacity var(--transition-fast);width:auto}.app-header .logo-image:hover{opacity:.9}.search-box-container{flex:1 1;margin:0 var(--spacing-lg);max-width:500px}.search-form{align-items:center;overflow:hidden}.search-input{background:#0000;border:none;color:var(--text-primary);outline:none;padding:10px 16px}.search-input::placeholder{color:#9e9e9e;font-size:13px}.search-button{align-items:center;background:var(--primary-color);border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px 16px;transition:all .2s ease}.search-button:hover{background:var(--primary-dark)}.search-button svg{stroke:#fff}.app-header .header-nav{align-items:center;display:flex;gap:var(--spacing-md)}.app-header .nav-link{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.app-header .nav-link:hover{background-color:#0000000f;color:var(--primary-color);text-decoration:none}.app-header .nav-link.admin-link{background-color:var(--primary-color);border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-right:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.app-header .nav-link.admin-link:hover{background-color:var(--primary-dark);color:#fff;text-decoration:none}.cart-icon-link{align-items:center;border-radius:var(--radius-sm);display:flex;justify-content:center;padding:var(--spacing-xs);text-decoration:none;transition:all var(--transition-fast)}.cart-icon-link:hover{background-color:#0000000d}.cart-icon-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.cart-icon{color:var(--text-primary);transition:color var(--transition-fast)}.cart-icon-link:hover .cart-icon{color:var(--primary-color)}.cart-badge{align-items:center;border-radius:50%;display:flex;font-size:11px;font-weight:var(--font-weight-bold);height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-8px;top:-8px}.app-header .seller-link,.cart-badge{background-color:var(--primary-color);color:#fff}.app-header .seller-link{border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.app-header .seller-link:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-md);color:#fff;text-decoration:none;transform:translateY(-1px)}.app-header .welcome-text{color:var(--primary-color);font-weight:var(--font-weight-semibold);padding:0}.app-header .logout-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.app-header .logout-btn:hover{background-color:#0000000d}.admin-menus{align-items:center;display:flex;gap:var(--spacing-sm)}.dropdown{position:relative}.dropdown-toggle{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.dropdown-toggle:hover{background-color:#0000000d;color:var(--primary-color)}.dropdown-menu{background-color:var(--bg-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);left:0;min-width:180px;overflow:hidden;padding-top:6px;position:absolute;top:calc(100% - 2px);z-index:1000}.more-dropdown-menu{min-width:220px}.dropdown-menu:before{background:#0000;content:"";height:16px;left:0;position:absolute;right:0;top:-10px}.dropdown-item{border-bottom:1px solid var(--border-light);color:var(--text-primary);display:block;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:var(--primary-color);color:var(--text-light)}.profile-dropdown{margin-left:var(--spacing-sm)}.profile-icon-btn{align-items:center;background:none;border:none;border-radius:50%;color:#f5a623;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all var(--transition-fast)}.profile-icon-btn:hover{transform:scale(1.1)}.profile-icon{height:28px;width:28px}.profile-icon-img{border:2px solid #f5a623;border-radius:50%;height:32px;object-fit:cover;width:32px}.profile-menu{border:none;border-radius:10px;box-shadow:0 4px 20px #0000001f;left:auto;min-width:200px;overflow:hidden;padding:0;right:0}.profile-header{gap:10px;padding:12px 14px}.profile-avatar-img{border:2px solid #ffffff80;border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.profile-avatar-circle{align-items:center;background:#ffffff40;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;text-transform:uppercase;width:40px}.profile-header-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.profile-username{color:#fff;display:block;font-size:13px;font-weight:600;line-height:1.2;max-width:100%;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.profile-user-code{color:#ffffffe6;display:block;font-size:10px;line-height:1.3;margin-top:4px;overflow-wrap:anywhere}.profile-role{align-self:flex-start;background:#fff3;border-radius:8px;color:#fffffff2;display:inline-block;font-size:9px;letter-spacing:.5px;margin-top:3px;padding:2px 6px;text-transform:uppercase}.dropdown-divider{display:none}.profile-menu .dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 14px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.profile-menu .dropdown-item:hover{background:#f8f9ff;color:#667eea}.profile-menu .dropdown-item svg{flex-shrink:0;height:16px;opacity:.7;width:16px}.logout-item{align-items:center;background:none;border:none;border-top:1px solid #f0f0f0;color:#dc3545;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 14px;width:100%}.logout-item:hover{background:#fff5f5;color:#dc3545}.logout-item svg{flex-shrink:0;height:18px;width:18px}.mobile-category-strip{-webkit-overflow-scrolling:touch;background:#fff;border-top:1px solid #e0d9cc;display:none;overflow-x:auto;overflow-y:hidden;padding:8px 0 10px;scrollbar-width:none}.header-mobile .mobile-category-strip{background:linear-gradient(180deg,#faf8f5,#f5f0e8)}.mobile-category-strip::-webkit-scrollbar{display:none}.mobile-category-scroll{display:flex;gap:10px;min-width:-webkit-min-content;min-width:min-content;padding:0 16px}.mobile-category-pill{background:#fff;border:1px solid #e0d9cc;border-radius:20px;box-shadow:0 1px 3px #0000000d;color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.mobile-category-pill:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}@media (max-width:992px){.app-header .header-content.header-desktop,.app-header .header-desktop,.app-header .header-divider-line.header-desktop,.app-header .header-sub-wrap.header-desktop,.app-header .header-sub.header-desktop{display:none!important}.header-mobile{display:block}.category-nav-inline{display:none}.mobile-category-strip{display:block}.search-box-container{max-width:350px}}@media (min-width:993px){.header-mobile{display:none}.header-content.header-desktop{display:flex}.app-header .header-divider-line.header-desktop,.app-header .header-sub-wrap.header-desktop,.header-sub.header-desktop{display:block}}@media (max-width:768px){.app-header .header-content.header-desktop,.app-header .header-desktop,.app-header .header-divider-line.header-desktop,.app-header .header-sub-wrap.header-desktop,.app-header .header-sub.header-desktop{display:none!important}.header-mobile,.mobile-category-strip{display:block}.mobile-category-scroll{padding:0 12px}.mobile-category-pill{font-size:13px;padding:6px 14px}.header-mobile-row1{padding:8px 10px 6px}.header-mobile-row2{padding:6px 10px 8px}.header-mobile-search-input{font-size:16px;padding:10px 12px}}@media (max-width:480px){.app-header .logo-image{height:32px}.search-input::placeholder{font-size:12px}.search-button{padding:10px 12px}}.site-footer{background-color:#172337;color:#fff;margin-top:auto}.footer-top{border-bottom:1px solid #3d4f5f;padding:var(--spacing-xl) 0}.footer-content{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(5,1fr);margin:0 auto;max-width:var(--max-width-container);padding:0 var(--spacing-lg)}.footer-column{display:flex;flex-direction:column}.footer-column h4{color:#878787;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:var(--spacing-md);text-transform:uppercase}.footer-column ul{list-style:none;margin:0;padding:0}.footer-column ul li{margin-bottom:var(--spacing-sm)}.footer-column ul li a{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:color var(--transition-fast)}.footer-column ul li a:hover{text-decoration:underline}.address-column p{color:#fff;font-size:var(--font-size-sm);line-height:1.6;margin:0}.address-column p a{color:#2874f0;text-decoration:none}.address-column p a:hover{text-decoration:underline}.social-section{margin-top:var(--spacing-lg)}.social-section h4{color:#878787;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.social-icons{display:flex;gap:var(--spacing-md)}.social-icons a{align-items:center;color:#fff;display:flex;justify-content:center;transition:color var(--transition-fast),transform var(--transition-fast)}.social-icons a:hover{color:#2874f0;transform:scale(1.1)}.social-icons svg{height:24px;width:24px}.footer-bottom{background-color:#172337;padding:var(--spacing-md) 0}.footer-bottom-content{gap:var(--spacing-md);justify-content:space-between;margin:0 auto;max-width:var(--max-width-container);padding:0 var(--spacing-lg)}.footer-bottom-content,.footer-bottom-links{align-items:center;display:flex;flex-wrap:wrap}.footer-bottom-links{gap:var(--spacing-xl)}.footer-bottom-link{align-items:center;color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);text-decoration:none;transition:color var(--transition-fast)}.footer-bottom-link:hover{color:#2874f0}.footer-bottom-link svg{color:#ffe500}.footer-copyright{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@media (max-width:1200px){.footer-content{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.footer-content{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.footer-bottom-content{flex-direction:column;text-align:center}.footer-bottom-links{justify-content:center}}@media (max-width:480px){.footer-content{grid-template-columns:1fr}.footer-column{text-align:center}.social-icons{justify-content:center}.footer-bottom-links{flex-direction:column;gap:var(--spacing-md)}}.home-slider{background:#fff;height:400px;overflow:hidden;position:relative;width:100%}.slider-container{height:100%;position:relative;width:100%}.slider-desktop{display:block}.slider-mobile{display:none}.slide{background:#fff;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease-in-out,visibility .5s ease-in-out;visibility:hidden;width:100%}.slide.active{opacity:1;visibility:visible}.banner-image{display:block;height:100%;object-fit:contain;object-position:center;width:100%}.banner-video{background:#0a0a0a}.slider-mobile .slide-card--video{cursor:default}.slider-mobile .slide-card--video:hover{box-shadow:0 8px 24px #00000026}.banner-shop-btn{background:#ffffffeb;border:0;border-radius:999px;bottom:28px;box-shadow:0 10px 30px #00000040;color:#111;cursor:pointer;font-weight:700;left:28px;padding:12px 20px;position:absolute;transition:transform .2s ease,background .2s ease;z-index:2}.banner-shop-btn:hover{background:#fff;transform:translateY(-1px)}.slider-arrow{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 15px #00000026;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.slider-arrow:hover{background:#fff;box-shadow:0 6px 20px #0003;transform:translateY(-50%) scale(1.1)}.slider-arrow svg{stroke:#333;height:24px;width:24px}.slider-arrow.prev{left:20px}.slider-arrow.next{right:20px}.slider-dots{bottom:20px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.dot{background:#ffffff80;border:2px solid #fffc;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.dot:hover{background:#ffffffb3}.dot.active{background:#fff;transform:scale(1.2)}.slider-mobile .slider-track{display:flex;height:100%;transition:transform .4s ease-out;will-change:transform}.slider-mobile .slide-card{background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000026;cursor:pointer;flex-basis:calc(88vw - 24px);flex-grow:0;flex-shrink:0;height:100%;margin-right:12px;min-width:calc(88vw - 24px);overflow:hidden;position:relative;transition:box-shadow .3s ease;width:calc(88vw - 24px)}.slider-mobile .slide-card:last-child{margin-right:0}.slider-mobile .slide-card:hover{box-shadow:0 12px 32px #0003}.slider-mobile .slide-card .banner-shop-btn{bottom:16px;font-size:13px;left:16px;padding:10px 16px}@media (max-width:1024px){.home-slider{height:350px}}@media (max-width:768px){.home-slider{height:220px;min-height:0;overflow:hidden}.slider-desktop{display:none}.slider-mobile{box-sizing:border-box;display:block;height:100%;overflow:hidden;padding:0 12px}.slider-mobile .slide-card,.slider-mobile .slider-track{height:100%}.slider-mobile .banner-image,.slider-mobile .banner-video{height:100%;object-fit:cover}.banner-shop-btn{bottom:16px;font-size:14px;left:16px;padding:10px 16px}.slider-arrow{height:40px;width:40px}.slider-arrow svg{height:20px;width:20px}.slider-arrow.prev{left:10px}.slider-arrow.next{right:10px}}@media (max-width:480px){.home-slider{height:190px;min-height:0}.slider-mobile .slide-card{flex-basis:calc(92vw - 24px);flex-grow:0;flex-shrink:0;min-width:calc(92vw - 24px);width:calc(92vw - 24px)}.slider-mobile .slide-card .banner-shop-btn{bottom:12px;font-size:12px;left:12px;padding:8px 12px}.slider-dots{bottom:12px}.dot{height:10px;width:10px}}.star-rating{align-items:center;display:inline-flex;font-family:var(--font-family-primary);gap:4px}.star-rating-small{font-size:16px}.star-rating-medium{font-size:20px}.star-rating-large{font-size:24px}.star{color:var(--border-light);display:inline-block;transition:color .2s ease,transform .1s ease;-webkit-user-select:none;user-select:none}.star.filled{color:var(--primary-color)}.star-rating:not(.readonly) .star:hover{transform:scale(1.1)}.star-rating:not(.readonly) .star:active{transform:scale(.95)}.rating-text{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-left:8px}.star-rating.readonly .rating-text{display:none}.average-rating{margin:var(--spacing-sm) 0}.average-rating-value{font-size:var(--font-size-lg)}.average-rating-count{font-size:var(--font-size-sm)}.home-wrapper{background-color:var(--bg-secondary);display:flex;flex-direction:column;min-height:100vh}.home-container{background-color:var(--bg-secondary);flex:1 1;margin:0 auto;max-width:var(--max-width-container);padding:var(--spacing-lg)}.home-container,.home-content-stack{display:flex;gap:var(--spacing-lg);width:100%}.home-content-stack{flex:1 1;flex-direction:column}.home-rcm-shell{display:flex;flex-direction:column;gap:var(--spacing-lg)}.home-rcm-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.home-rcm-section-header h2{color:var(--text-primary);font-size:24px;margin:0}.home-rcm-section-header p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:6px 0 0}.home-rcm-categories-slider-wrap{align-items:center;display:flex;gap:8px;margin-top:var(--spacing-md);min-width:0;overflow:hidden;position:relative}.home-rcm-categories-viewport{flex:1 1 auto;min-width:0;overflow:hidden;position:relative}.home-rcm-categories-nav{align-items:center;background:#fff;border:1px solid var(--border-light);border-radius:50%;box-shadow:var(--shadow-sm);color:#666;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:22px;height:34px;justify-content:center;line-height:1;width:34px}.home-rcm-categories-nav:hover{border-color:#ffcc70;color:#222}.home-rcm-categories-slider{align-items:flex-start;display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:clamp(12px,4vw,36px);justify-content:flex-start;padding:4px 2px 2px;width:-webkit-max-content;width:max-content;will-change:transform}.home-rcm-categories-slider.is-continuous{animation:homeRcmCategoryMarquee 22s linear infinite}.home-rcm-categories-slider.is-paused{animation-play-state:paused}.home-rcm-category-slide-item{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;gap:10px;max-width:140px;min-width:min(120px,22vw)}.home-rcm-category-image-circle{align-items:center;background:radial-gradient(circle at 30% 30%,#fbffd8,#e8f3c2);border-radius:50%;display:flex;height:108px;justify-content:center;overflow:hidden;width:108px}.home-rcm-category-image-circle img{height:78%;object-fit:contain;width:78%}.home-rcm-category-image-fallback{color:#7f8b5a;font-size:34px;font-weight:700}.home-rcm-category-title{color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.2;text-align:center}@keyframes homeRcmCategoryMarquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.home-rcm-category-meta{color:var(--text-secondary);font-size:12px}.home-rcm-products-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:var(--spacing-md)}.home-rcm-product-tile{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:10px;text-align:left}.home-rcm-product-tile:hover{border-color:#ffcf7a;box-shadow:0 8px 18px #ff990026}.home-rcm-product-tile img{background:#fafafa;border-radius:8px;height:150px;object-fit:contain;width:100%}.home-rcm-product-name{color:var(--text-primary);font-size:14px;font-weight:600;min-height:38px}.home-rcm-product-price{color:var(--primary-color);font-size:14px;font-weight:700}.home-rcm-brands-wrap{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--spacing-md)}.home-rcm-brand-chip{background:#fff;border:1px solid #e7e7e7;border-radius:999px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px}.home-rcm-brand-chip:hover{background:#fff8ea;border-color:#ffcc70}.home-product-videos .product-section-header{align-items:flex-start}.home-videos-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);margin:var(--spacing-xs) 0 0 0}.home-videos-grid{grid-gap:var(--spacing-lg);align-items:stretch;display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:var(--spacing-md)}.home-video-card{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;overflow:hidden}.home-video-wrap{aspect-ratio:16/9;background:#0a0a0a}.home-video-stack,.home-video-wrap{align-items:center;display:flex;justify-content:center}.home-video-stack{height:100%;position:relative;width:100%}.home-video-stack:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.home-video-stack:not(.is-frame-visible){cursor:pointer}.home-video-stack.is-frame-visible{cursor:default}.home-video-fallback-img{height:100%;inset:0;object-fit:contain;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%;z-index:0}.home-video-play-hint{background:#0003;inset:0;pointer-events:none;position:absolute;z-index:1}.home-video-play-hint,.home-video-play-icon{align-items:center;display:flex;justify-content:center}.home-video-play-icon{background:#0000008c;border-radius:50%;box-shadow:0 2px 12px #00000059;color:#fff;font-size:18px;height:48px;padding-left:4px;width:48px}.home-video-player.home-video-awaiting-frame{opacity:0;pointer-events:none;position:relative;z-index:2}.home-video-player.home-video-frame-ready{opacity:1;pointer-events:auto;position:relative;z-index:2}.home-video-unavailable{color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-md);text-align:center}.home-video-player{height:100%;object-fit:contain;width:100%}.home-video-title-btn{-webkit-line-clamp:3;-webkit-box-orient:vertical;background:#0000;border:none;color:var(--primary-color);cursor:pointer;display:-webkit-box;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.2;min-height:4.8em;overflow:hidden;padding:var(--spacing-md);text-align:left}.home-video-title-btn:hover{text-decoration:underline}.home-videos-empty,.home-videos-loading{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-md)}.category-menu{background-color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);height:-webkit-fit-content;height:fit-content;padding:var(--spacing-lg);position:-webkit-sticky;position:sticky;top:var(--spacing-lg);width:var(--sidebar-width)}.category-menu h3{border-bottom:2px solid var(--border-light);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.category-menu ul{list-style:none;margin:0;padding:0}.category-menu li{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.category-menu li:hover{background-color:var(--bg-secondary);color:var(--text-primary);padding-left:var(--spacing-lg)}.category-menu .category-name.active,.category-menu li.active{background-color:#ff99001a;border-left:3px solid var(--primary-color);color:var(--primary-color);font-weight:var(--font-weight-semibold);padding-left:calc(var(--spacing-md) - 3px)}.category-menu .category-item{margin-bottom:0;padding:0}.category-menu .category-item>.category-name{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:block;font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.category-menu .category-item>.category-name:hover{background-color:var(--bg-secondary);color:var(--primary-color)}.category-menu .subcategory-list{list-style:none;margin:0 0 var(--spacing-sm) 0;padding:0;padding-left:var(--spacing-md)}.category-menu .subcategory-list li{border-left:2px solid var(--border-light);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);margin:0;padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast)}.category-menu .subcategory-list li:hover{background-color:#ff99000d;border-left-color:var(--primary-color);color:var(--primary-color);padding-left:var(--spacing-lg)}.category-menu .subcategory-list li.active{background-color:#ff99001a;border-left:2px solid var(--primary-color);color:var(--primary-color);font-weight:var(--font-weight-semibold)}.product-section{background-color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex:1 1;padding:var(--spacing-lg)}.product-section.full-width{width:100%}.product-section-header{align-items:center;border-bottom:2px solid var(--border-light);display:flex;flex-direction:column;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.product-section-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.product-list{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:var(--spacing-lg)}.product-card{border:1px solid var(--border-light);cursor:pointer;height:100%;padding:var(--spacing-sm);text-align:center}.product-card:hover{border-color:var(--primary-color)}.product-image{border-radius:var(--radius-sm);height:200px;margin-bottom:var(--spacing-sm);object-fit:contain;padding:var(--spacing-xs)}.product-card h3{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);min-height:2.7em}.product-card .product-card-description,.product-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.35;margin:0 0 var(--spacing-xs) 0;overflow:hidden}.product-card .product-card-description{color:var(--text-secondary);font-size:var(--font-size-sm)}.product-card .price-block{align-items:flex-start;display:flex;flex-direction:column;gap:4px;margin:var(--spacing-sm) 0 0 0;min-width:0;width:100%}.product-card .price-block-mrp-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px 8px;max-width:100%;min-width:0}.product-card .price-block .original-price{color:var(--text-secondary);font-size:12px;max-width:100%;min-width:0;text-decoration:line-through;word-break:break-all}.product-card .price-block .discount-badge{background:#388e3c;border-radius:4px;color:#fff;flex-shrink:0;font-size:11px;font-weight:var(--font-weight-semibold);padding:3px 8px}.product-card .price-block .price{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.2;min-width:0;word-break:break-all}.product-card .seller-name{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-sm) 0}.product-card .seller-name span{color:var(--primary-color);font-weight:var(--font-weight-semibold)}.product-card .stock-info{color:var(--text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0 0 0}.product-card.inactive{opacity:.6;position:relative}.product-card .inactive-badge{background-color:#f8d7da;border-radius:var(--radius-sm);color:#721c24;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);z-index:1}.seller-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0 var(--spacing-md) 0}.no-products-message{color:var(--text-secondary);padding:var(--spacing-xl);text-align:center}.product-card button{background-color:var(--btn-primary);border:none;border-radius:var(--radius-md);color:var(--btn-primary-text);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.product-card button:hover{background-color:var(--btn-primary-hover);box-shadow:var(--shadow-md);transform:scale(1.02)}.product-card button:active{transform:scale(.98)}.quantity-selector{border:2px solid var(--primary-color);border-radius:25px;margin-top:0}.quantity-selector .qty-btn{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);transition:all var(--transition-fast)}.quantity-selector .delete-btn{color:var(--text-secondary)}.quantity-selector .delete-btn:hover{color:var(--btn-danger)}.quantity-selector .add-btn{color:var(--primary-color);font-size:var(--font-size-xl)}.quantity-selector .qty-value{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.cart-actions{align-items:center;display:flex;flex-direction:column;gap:6px;margin-top:var(--spacing-xs);width:100%}.go-to-cart-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:13px;font-weight:500;padding:4px 8px;text-decoration:none;transition:all .2s ease}.go-to-cart-btn:hover{color:#e68a00;text-decoration:underline}.product-card-content{display:flex;flex:1 1;flex-direction:column}.product-rating-summary{font-size:var(--font-size-sm);gap:var(--spacing-xs);margin:var(--spacing-xs) 0 0 0}.home-container>div[style*=padding],.product-rating-summary .rating-text{font-weight:var(--font-weight-medium)}.home-container>div[style*=padding]{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:var(--spacing-md) 0!important;padding:var(--spacing-lg)!important;width:100%}@media (max-width:1024px){.home-container{flex-direction:column}.category-menu{position:static;width:100%}.product-list{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.home-videos-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.header-content{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.header-content nav{flex-wrap:wrap;justify-content:center}.home-container{padding:var(--spacing-md)}.product-list{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.home-videos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{padding:var(--spacing-sm)}.product-image{height:150px}}@media (max-width:900px){.home-rcm-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.home-rcm-products-grid{grid-template-columns:1fr}.home-rcm-categories-nav{font-size:20px;height:30px;width:30px}.home-rcm-category-slide-item{gap:8px;min-width:96px}.home-rcm-category-image-circle{height:84px;width:84px}}@media (max-width:480px){.product-list{grid-template-columns:1fr}.header-content h1{font-size:var(--font-size-lg)}.home-videos-grid{grid-template-columns:1fr}}.home-container.admin-view{flex-direction:column}.admin-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0 0 0}.admin-product-management{width:100%}.summary-cards{display:flex;flex-wrap:wrap}.summary-card{align-items:flex-start;border:1px solid var(--border-light);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);min-width:150px;padding:var(--spacing-md) var(--spacing-lg)}.summary-card.active{border-left-color:#28a745}.summary-card.warning{border-left-color:#dc3545}.summary-number{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.summary-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.product-table-container{background-color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.product-table{border-collapse:collapse;font-size:var(--font-size-sm);table-layout:fixed;width:100%}.product-table thead{background-color:var(--secondary-dark);color:var(--text-light)}.product-table th{font-weight:var(--font-weight-semibold);padding:var(--spacing-md);text-align:left;white-space:nowrap}.product-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color var(--transition-fast)}.product-table tbody tr:hover{background-color:var(--bg-secondary)}.product-table td{padding:var(--spacing-md);vertical-align:middle}.product-table td.col-product,.product-table th.col-product{width:30%}.product-table td.col-price,.product-table td.col-seller,.product-table th.col-price,.product-table th.col-seller{width:16%}.product-table td.col-stock,.product-table th.col-stock{width:10%}.product-table td.col-category,.product-table th.col-category{width:18%}.product-table td.col-actions,.product-table th.col-actions{width:14%}.product-cell{align-items:center;display:flex;gap:var(--spacing-md)}.product-cell img{background-color:var(--bg-secondary);border-radius:var(--radius-sm);height:50px;object-fit:contain;width:50px}.product-info{flex-direction:column;min-width:0}.product-info .product-name{color:var(--primary-color);cursor:pointer;font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-info .product-name:hover{text-decoration:underline}.product-info .product-id{color:var(--text-secondary);font-size:var(--font-size-xs)}.price-cell{display:flex;flex-direction:column;gap:4px;min-width:0}.price-cell .original-price{color:var(--text-secondary);font-size:var(--font-size-sm);text-decoration:line-through;word-break:break-all}.price-cell .discount-badge{align-self:flex-start;background:#388e3c;border-radius:4px;color:#fff;font-size:11px;font-weight:var(--font-weight-semibold);padding:2px 6px}.price-cell .base-price{color:var(--text-primary);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-cell .seller-price{color:var(--text-secondary);font-size:var(--font-size-xs)}.seller-badge{background-color:#e3f2fd;border-radius:var(--radius-sm);color:#1565c0;font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm)}.no-seller,.seller-badge{font-size:var(--font-size-xs)}.no-seller{color:var(--text-secondary);font-style:italic}.stock-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm)}.stock-badge.in-stock{background-color:#d4edda;color:#155724}.stock-badge.out-of-stock{background-color:#f8d7da;color:#721c24}.category-cell{display:flex;flex-direction:column;min-width:0}.category-cell .category-name{font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-cell .subcategory-name{color:var(--text-secondary);font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-actions{border-top:none!important;text-align:center;white-space:nowrap}.action-buttons{border-top:none!important;flex-wrap:nowrap}.action-btn,.action-buttons{gap:6px;justify-content:center}.action-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:999px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:74px;padding:6px 10px;transition:all var(--transition-fast)}.action-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.action-btn .action-icon{font-size:13px;line-height:1}.action-btn.edit-btn{background-color:#fff8e1;border-color:#ffe08a;color:#7a5200}.action-btn.edit-btn:hover{background-color:#ffefc2}.action-btn.view-btn{background-color:#e9f4ff;border-color:#b6dbff;color:#0f4f8a}.action-btn.view-btn:hover{background-color:#d8ecff}.action-btn.delete-btn{background-color:#fdecef;border-color:#f5c2c7;color:#842029}.action-btn.delete-btn:hover{background-color:#f9d7dd}.error-message,.loading-message{padding:var(--spacing-xl);text-align:center}.error-message{color:var(--btn-danger)}@media (max-width:992px){.product-table{font-size:var(--font-size-xs)}.product-table td,.product-table th{padding:var(--spacing-sm)}.product-cell img{height:40px;width:40px}.summary-cards{flex-wrap:wrap}.summary-card{flex:1 1;min-width:120px}.product-table td.col-actions,.product-table th.col-actions{width:18%}.action-btn{min-width:64px;padding:5px 8px}.action-btn .action-label{font-size:11px}}@media (max-width:768px){.product-table-container{overflow-x:auto}.product-table{min-width:700px}}.shop-by-category-wrapper{background-color:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh}.shop-by-category-main{flex:1 1;margin:0 auto;max-width:var(--max-width-container);padding:var(--spacing-lg);width:100%}.shop-by-category-heading{color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xl) 0;text-align:center}.shop-by-category-empty,.shop-by-category-loading{color:var(--text-secondary);padding:var(--spacing-xl);text-align:center}.shop-by-category-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.shop-by-category-card{align-items:stretch;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;text-align:left;transition:box-shadow var(--transition-base),transform var(--transition-fast)}.shop-by-category-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.shop-by-category-card:active{transform:translateY(0)}.shop-by-category-card-image{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:120px;padding:var(--spacing-md)}.shop-by-category-card-placeholder{background:#fff6;border-radius:50%;height:64px;width:64px}.shop-by-category-card-img{height:100%;min-height:120px;object-fit:cover;width:100%}.shop-by-category-card-label{background:var(--bg-primary);color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);text-align:center;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.shop-by-category-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.shop-by-category-card-image{min-height:160px}.shop-by-category-card-placeholder{height:80px;width:80px}.shop-by-category-card-label{font-size:var(--font-size-base);padding:var(--spacing-md)}}@media (min-width:1024px){.shop-by-category-grid{grid-template-columns:repeat(4,1fr)}}.cart-page-wrapper{background-color:#f5f5f5;background-color:var(--bg-secondary,#f5f5f5);min-height:100vh}.cart-page-container{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:var(--spacing-xl) auto;max-width:var(--max-width-content);padding:var(--spacing-lg)}.cart-page-container h1{border-bottom:2px solid var(--border-light);color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.cart-items-list{flex-direction:column;margin-bottom:var(--spacing-xl)}.cart-item-card,.cart-items-list{display:flex;gap:var(--spacing-md)}.cart-item-card{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);transition:all var(--transition-base)}.cart-item-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.cart-item-image{background-color:var(--bg-secondary);border-radius:var(--radius-sm);flex-shrink:0;height:120px;object-fit:contain;padding:var(--spacing-sm);width:120px}.cart-item-details{flex-grow:1;min-width:0}.cart-item-details h3{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:1.4;margin:0 0 var(--spacing-sm) 0}.cart-item-price-block{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:var(--spacing-sm) 0}.cart-original-price{color:var(--text-secondary);font-size:var(--font-size-base);text-decoration:line-through}.cart-discount-badge{background:#dc3545;border-radius:4px;color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 8px}.cart-item-details .price{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.cart-item-subtotal{margin:var(--spacing-sm) 0}.cart-item-savings{color:#059669;display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:4px}.quantity-control{align-items:center;display:flex;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.quantity-control label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.quantity-control button{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.quantity-control button:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--text-light)}.quantity-control button:active{transform:scale(.95)}.quantity-control span{color:var(--text-primary);font-weight:var(--font-weight-semibold);min-width:40px;text-align:center}.remove-button{background-color:var(--btn-danger);border:none;border-radius:var(--radius-sm);color:var(--text-light);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.remove-button:hover{background-color:var(--btn-danger-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.remove-button:active{transform:translateY(0)}.cart-summary-section{background-color:var(--bg-secondary);border-radius:var(--radius-md);border-top:2px solid var(--border-light);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.cart-summary-section h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.cart-summary-section .summary-row{color:var(--text-secondary);display:flex;font-size:var(--font-size-base);justify-content:space-between;padding:var(--spacing-sm) 0}.cart-summary-section .summary-row.total{border-top:2px solid var(--border-light);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.cart-summary-section .button-group{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.checkout-button,.clear-cart-button{border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:.5px;min-width:150px;padding:var(--spacing-md) var(--spacing-lg);text-transform:uppercase;transition:all var(--transition-base)}.checkout-button{background-color:var(--btn-primary);color:var(--btn-primary-text)}.checkout-button:hover{background-color:var(--btn-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.clear-cart-button{background-color:var(--bg-primary);border:2px solid var(--border-medium);color:var(--text-primary)}.clear-cart-button:hover{background-color:var(--bg-secondary);border-color:var(--text-secondary);box-shadow:var(--shadow-md)}.checkout-button:active,.clear-cart-button:active{transform:translateY(0)}.empty-cart-message{color:var(--text-secondary);padding:var(--spacing-xxl)}.empty-cart-message h2{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.empty-cart-message p{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}@media (max-width:768px){.cart-page-container{margin:var(--spacing-md) auto;padding:var(--spacing-md)}.cart-item-card{align-items:flex-start;flex-direction:column}.cart-item-image{align-self:center;height:200px;width:100%}.cart-summary-section .button-group{flex-direction:column}.checkout-button,.clear-cart-button{width:100%}}.checkout-wrapper{background-color:#f1f3f6;min-height:100vh}.checkout-page-container{margin:0 auto;max-width:1200px;padding:20px}.checkout-main{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 380px}.checkout-left{display:flex;flex-direction:column;gap:16px}.checkout-section{background:#fff;border-radius:4px;box-shadow:0 1px 2px #0000001a;overflow:hidden}.section-header{background:#fff;border-bottom:1px solid #f0f0f0;padding:16px 24px}.section-header h2{color:#212121;font-size:18px;font-weight:600}.item-count{color:#878787;font-size:14px}.empty-cart-message{padding:60px 24px;text-align:center}.empty-cart-message p{color:#878787;font-size:16px;margin-bottom:20px}.continue-shopping-btn{background:#2874f0;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 32px;text-transform:uppercase}.continue-shopping-btn:hover{background:#1a5dc8}.checkout-items-list{display:flex;flex-direction:column}.checkout-item-card{grid-gap:20px;align-items:start;border-bottom:1px solid #f0f0f0;display:grid;gap:20px;grid-template-columns:112px 1fr auto;padding:24px}.checkout-item-card:last-child{border-bottom:none}.item-image-container{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:4px;display:flex;height:112px;justify-content:center;overflow:hidden;width:112px}.item-image-container img{max-height:100%;max-width:100%;object-fit:contain}.item-details{display:flex;flex-direction:column;gap:6px}.item-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#212121;display:-webkit-box;font-size:16px;line-height:1.4;margin:0;overflow:hidden}.item-seller{align-items:center;color:#878787;display:flex;font-size:13px;gap:8px}.assured-badge{align-items:center;background:#f0f5ff;border-radius:2px;color:#2874f0;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 8px}.assured-badge svg{flex-shrink:0}.item-pricing{align-items:center;display:flex;gap:10px;margin-top:8px}.item-mrp{color:#878787;font-size:14px;text-decoration:line-through}.item-price{color:#212121;font-size:18px;font-weight:600}.item-discount{color:#388e3c;font-size:13px;font-weight:600}.item-actions{align-items:center;border-top:1px solid #f0f0f0;display:flex;gap:28px;justify-content:flex-start;margin-top:20px;padding-top:20px}.quantity-selector{background-color:#fff;border:2px solid #f90;border-radius:50px;gap:0;overflow:hidden}.quantity-selector,.quantity-selector .qty-btn{align-items:center;display:flex;justify-content:center}.quantity-selector .qty-btn{background:none;border:none;color:#212121;cursor:pointer;font-size:18px;font-weight:700;height:36px;transition:all .15s ease;width:40px}.quantity-selector .qty-btn:hover{background-color:#0000000d}.quantity-selector .delete-btn{color:#878787}.quantity-selector .delete-btn:hover{background-color:#dc35451a;color:#dc3545}.quantity-selector .add-btn{color:#f90;font-size:20px}.quantity-selector .add-btn:hover{background-color:#ff99001a}.quantity-selector .qty-value{color:#212121;font-size:15px;font-weight:600;min-width:40px;text-align:center}.item-actions .action-btn{background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#212121!important;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.3px;padding:0!important;text-transform:none}.item-actions .action-btn:hover{background:none!important;color:#2874f0!important;text-decoration:underline}.item-delivery{align-items:flex-end;display:flex;flex-direction:column;gap:4px;min-width:140px}.delivery-label{color:#878787;font-size:12px}.delivery-date{color:#388e3c;font-size:14px;font-weight:600}.payment-section .section-header{border-bottom:none;padding-bottom:0}.payment-method-section{padding:16px 24px}.payment-method-section h3{display:none}.payment-method-section label{align-items:center;border:1px solid #e0e0e0;border-radius:4px;color:#212121;cursor:pointer;display:flex;font-size:14px;font-weight:500;margin-bottom:12px;padding:16px;transition:all .2s}.payment-method-section label:hover{background:#f5f8ff;border-color:#2874f0}.payment-method-section label:has(input:checked){background:#f5f8ff;border-color:#2874f0}.payment-method-section input[type=radio]{accent-color:#2874f0;height:20px;margin-right:12px;width:20px}.qr-code-details{background:#fafafa;border:1px dashed #e0e0e0;border-radius:4px;margin-top:16px;padding:20px;text-align:center}.qr-code-details p{color:#878787;font-size:14px;margin-bottom:12px}.qr-code-placeholder{align-items:center;background:#fff;border:1px solid #e0e0e0;color:#878787;display:flex;font-size:13px;height:150px;justify-content:center;margin:0 auto;width:150px}.checkout-right{position:-webkit-sticky;position:sticky;top:20px}.price-details-card{background:#fff;border-radius:4px;box-shadow:0 1px 2px #0000001a;padding:0}.price-details-card h3{border-bottom:1px solid #f0f0f0;color:#878787;font-size:16px;font-weight:600;margin:0;padding:16px 24px;text-transform:uppercase}.price-row{color:#212121;display:flex;font-size:14px;justify-content:space-between;padding:12px 24px}.price-row.total-row{border-top:1px dashed #e0e0e0;font-size:16px;font-weight:600;margin-top:8px;padding-bottom:16px;padding-top:16px}.price-row.discount-row .discount-amount{color:#388e3c;font-weight:500}.points-redeem-row{background:#fafafa;border-top:1px dashed #e0e0e0;display:flex;flex-direction:column;gap:8px;padding:12px 24px}.points-redeem-row>div:first-child{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.voucher-row{align-items:center;border-top:1px dashed #e0e0e0;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px 24px}.voucher-row .voucher-select{border:1px solid #ddd;border-radius:6px;font-size:14px;margin-left:8px;min-width:180px;padding:6px 10px}.points-available{color:#388e3c;font-size:13px;font-weight:500}.points-input-wrap{align-items:center;display:flex;gap:10px}.points-input-wrap input{border:1px solid #e0e0e0;border-radius:4px;font-size:14px;padding:8px 10px;width:100px}.points-hint{color:#878787;font-size:12px}.free-delivery{color:#388e3c;font-weight:500}.savings-banner{background:#f0fff0;border-top:1px dashed #e0e0e0;color:#388e3c;font-size:14px;font-weight:600;padding:12px 24px}.place-order-button{background:#fb641b;border:none;border-radius:2px;box-shadow:0 1px 2px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;margin:16px 24px;padding:16px;text-transform:uppercase;transition:all .2s;width:calc(100% - 48px)}.place-order-button:hover:not(:disabled){background:#f85606}.place-order-button:disabled{background:#e0e0e0;box-shadow:none;color:#878787;cursor:not-allowed}.secure-badge{align-items:flex-start;border-top:1px solid #f0f0f0;color:#878787;display:flex;font-size:12px;gap:12px;line-height:1.5;padding:16px 24px}.secure-badge svg{color:#878787;flex-shrink:0;margin-top:2px}.error-message{background:#fff0f0;border-radius:2px;color:#c40000;font-size:13px;margin:0 24px 16px;padding:12px 24px}@media (max-width:968px){.checkout-main{grid-template-columns:1fr}.checkout-right{order:-1;position:static}.checkout-item-card{gap:16px;grid-template-columns:100px 1fr}.item-image-container{height:100px;width:100px}.item-delivery{align-items:center;border-top:1px dashed #f0f0f0;flex-direction:row;grid-column:span 2;justify-content:flex-start;margin-top:8px;padding-top:12px}.delivery-label{margin-right:8px}.item-actions{flex-wrap:wrap;gap:16px}.quantity-selector .qty-btn{height:32px;width:36px}.quantity-selector .qty-value{font-size:14px;min-width:36px}}@media (max-width:600px){.checkout-page-container{padding:12px}.section-header{padding:12px 16px}.checkout-item-card{grid-template-columns:80px 1fr;padding:16px}.item-image-container{height:80px;width:80px}.item-name{font-size:14px}.item-pricing{flex-wrap:wrap;gap:6px}.item-price{font-size:16px}.item-actions{gap:12px}.action-btn{font-size:12px}.quantity-selector .qty-btn{font-size:16px;height:28px;width:32px}.quantity-selector .delete-btn svg{height:14px;width:14px}.quantity-selector .qty-value{font-size:13px;min-width:32px}.price-row{padding:10px 16px}.price-details-card h3{padding:12px 16px}.place-order-button{font-size:14px;margin:12px 16px;padding:14px;width:calc(100% - 32px)}.secure-badge{padding:12px 16px}.savings-banner{font-size:13px;padding:10px 16px}.payment-method-section{padding:12px 16px}}.review-form-container{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.review-form-container h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.review-form .form-group{margin-bottom:var(--spacing-lg)}.review-form .form-group label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.review-form textarea{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-base);padding:var(--spacing-md);resize:vertical;transition:border-color var(--transition-fast);width:100%}.review-form textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff99001a;outline:none}.review-form textarea:disabled{background-color:var(--bg-tertiary);cursor:not-allowed}.character-count{color:var(--text-secondary);display:block;font-size:var(--font-size-xs);margin-top:var(--spacing-xs);text-align:right}.form-actions{gap:var(--spacing-md);margin-top:var(--spacing-lg)}.cancel-button,.submit-button{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.cancel-button{background-color:var(--bg-primary);border:1px solid var(--border-medium);color:var(--text-primary)}.cancel-button:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--text-secondary)}.submit-button{background-color:var(--btn-primary);color:var(--btn-primary-text)}.submit-button:hover:not(:disabled){background-color:var(--btn-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.cancel-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{padding:var(--spacing-sm) var(--spacing-md)}@media (max-width:768px){.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.product-reviews{background-color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.reviews-header{border-bottom:2px solid var(--border-light);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.reviews-header h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.reviews-summary{margin-top:var(--spacing-md)}.average-rating{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.average-rating-value{color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold)}.average-rating-count{color:var(--text-secondary);font-size:var(--font-size-base);margin-left:var(--spacing-sm)}.rating-breakdown{margin-top:var(--spacing-md)}.rating-bar{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.rating-bar span:first-child,.rating-bar span:last-child{color:var(--text-secondary);min-width:30px}.rating-bar span:last-child{text-align:right}.bar-container{background-color:var(--bg-secondary);border-radius:var(--radius-sm);flex:1 1;height:8px;overflow:hidden}.bar-fill{background-color:var(--primary-color);height:100%;transition:width .3s ease}.write-review-button{background-color:var(--btn-primary);border:none;border-radius:var(--radius-md);color:var(--btn-primary-text);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.write-review-button:hover{background-color:var(--btn-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.reviews-list{margin-top:var(--spacing-lg)}.review-item{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.review-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-sm)}.review-user{display:flex;flex-direction:column;gap:var(--spacing-xs)}.review-user strong{color:var(--text-primary);font-size:var(--font-size-base)}.review-date{color:var(--text-secondary);font-size:var(--font-size-sm)}.review-comment{color:var(--text-primary);line-height:1.6;margin-top:var(--spacing-sm);white-space:pre-wrap}.no-reviews{color:var(--text-secondary);padding:var(--spacing-xl);text-align:center}.no-reviews p{margin-bottom:var(--spacing-md)}.login-prompt{font-size:var(--font-size-sm)}.login-prompt a{color:var(--text-link);font-weight:var(--font-weight-semibold);text-decoration:none}.login-prompt a:hover{text-decoration:underline}.reviews-error,.reviews-loading{color:var(--text-secondary);padding:var(--spacing-lg);text-align:center}.reviews-error{background-color:#c400001a;border:1px solid var(--error);border-radius:var(--radius-sm);color:var(--error)}@media (max-width:768px){.product-reviews{padding:var(--spacing-md)}.review-header{flex-direction:column}.review-date{align-self:flex-start}}.product-detail-page{background-color:var(--bg-secondary);min-height:100vh;padding:0 0 var(--spacing-lg) 0}.product-detail-header-nav{background:linear-gradient(to bottom,var(--secondary-dark),var(--secondary-color));box-shadow:var(--shadow-md);color:var(--text-light);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.product-detail-header-nav .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--max-width-container)}.product-detail-header-nav .header-logo{color:var(--text-light);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-decoration:none}.product-detail-header-nav .header-logo:hover{opacity:.9}.product-detail-header-nav nav{align-items:center;display:flex;gap:var(--spacing-md)}.product-detail-header-nav nav a,.product-detail-header-nav nav button,.product-detail-header-nav nav span{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none}.product-detail-header-nav .cart-summary-link{background-color:var(--primary-color);border-radius:var(--radius-sm);color:var(--text-light);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-md)}.product-detail-header-nav .cart-summary-link:hover{background-color:var(--primary-dark);text-decoration:none}.product-detail-container{margin:0 auto;max-width:var(--max-width-content);padding:0 var(--spacing-lg)}.back-link{align-items:center;border-radius:var(--radius-sm);color:var(--text-link);display:inline-flex;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.back-link:hover{color:var(--text-link-hover)}.product-detail-main{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.product-detail-header{border-bottom:2px solid var(--border-light);display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.product-image-gallery{display:flex;flex-shrink:0;gap:var(--spacing-md)}.thumbnail-strip{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:400px;overflow-y:auto}.thumbnail-strip .thumbnail{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;height:56px;overflow:hidden;padding:0;width:56px}.thumbnail-strip .thumbnail.active{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color)}.thumbnail-strip .thumbnail img{height:100%;object-fit:cover;width:100%}.thumbnail-video-indicator{background:var(--bg-secondary);color:var(--text-primary);font-size:20px;font-weight:700;height:100%;width:100%}.main-image-wrap,.thumbnail-video-indicator{align-items:center;display:flex;justify-content:center}.main-image-wrap{background-color:var(--bg-secondary);border-radius:var(--radius-md);cursor:zoom-in;height:400px;overflow:hidden;padding:var(--spacing-md);width:400px}.main-image-wrap.is-zoomed{cursor:zoom-out}.product-detail-image{max-height:100%;max-width:100%;object-fit:contain;transition:transform .18s ease-out}.product-detail-video{background:#000;height:100%;object-fit:contain;width:100%}.main-image-wrap.is-zoomed .product-detail-image{transform:scale(2)}.zoom-hint{color:var(--text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0 0 0;text-align:center}.product-detail-info{flex:1 1}.brand-link{color:var(--text-link);display:inline-block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.brand-link:hover{color:var(--text-link-hover);text-decoration:underline}.product-detail-info h1{color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1.2;margin:0 0 var(--spacing-md) 0}.reviews-link{color:var(--text-link);font-size:var(--font-size-sm);margin-left:var(--spacing-sm)}.reviews-link:hover{text-decoration:underline}.product-rating-summary{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.product-detail-description,.product-rating-summary .rating-text{color:var(--text-secondary);font-size:var(--font-size-base)}.product-detail-description{line-height:1.6}.pricing-block,.product-detail-description{margin-bottom:var(--spacing-lg)}.discount-badge{background:var(--error);border-radius:var(--radius-sm);color:#fff;display:inline-block;font-size:var(--font-size-sm);padding:2px 6px}.current-price,.discount-badge{font-weight:var(--font-weight-bold);margin-right:var(--spacing-sm)}.current-price{color:var(--text-primary);font-size:var(--font-size-xxxl)}.original-price{font-size:var(--font-size-lg);text-decoration:line-through}.original-price,.tax-note{color:var(--text-secondary)}.tax-note{font-size:var(--font-size-sm);margin:var(--spacing-xs) 0 0 0}.selected-seller-info{align-items:center;background-color:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.sold-by-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.sold-by-seller{color:var(--primary-color);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.seller-delivery-badge{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.seller-delivery-badge.free{background-color:#d4edda;border-color:#c3e6cb;color:#155724;font-weight:var(--font-weight-semibold)}.seller-delivery-date{color:var(--text-secondary);font-size:var(--font-size-sm)}.product-detail-price,.seller-delivery-date strong{color:var(--text-primary)}.product-detail-price{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0}.available-attributes-summary{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0}.available-attributes-summary strong{color:var(--text-primary)}.option-block{margin-bottom:var(--spacing-lg)}.option-label{color:var(--text-primary);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.color-variant-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.color-variant-option{align-items:stretch;background:var(--bg-primary);border:2px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:148px}.color-variant-option img{background:var(--bg-secondary);border-radius:var(--radius-sm);height:132px;object-fit:contain;width:100%}.color-variant-option.selected{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff99002e}.color-variant-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:left}.size-options{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.size-btn{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);height:44px;min-width:44px;padding:0 var(--spacing-md)}.size-btn.selected{background:#ff99001a;border-color:var(--primary-color)}.size-btn.out-of-stock{cursor:not-allowed;opacity:.5}.size-btn:disabled{cursor:not-allowed}.size-chart-link{color:var(--text-link);font-size:var(--font-size-sm);margin-left:var(--spacing-sm)}.size-chart-link:hover{text-decoration:underline}.product-detail-stock{color:var(--success);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.product-detail-stock:empty,.product-detail-stock:has-text("Out of stock"){color:var(--error)}.add-to-cart-button{background-color:var(--btn-primary);border:none;border-radius:var(--radius-md);color:var(--btn-primary-text);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-base)}.add-to-cart-button:hover:not(:disabled){background-color:var(--btn-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.add-to-cart-button:disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.cart-actions-detail{align-items:flex-start;display:flex;flex-direction:column;gap:12px;margin-top:var(--spacing-sm)}.quantity-selector-detail{align-items:center;background:#fff;border:2px solid var(--primary-color);border-radius:30px;display:flex;overflow:hidden}.quantity-selector-detail .qty-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;transition:all .2s ease;width:48px}.quantity-selector-detail .qty-btn:hover:not(:disabled){background-color:#0000000d}.quantity-selector-detail .delete-btn{color:var(--text-secondary)}.quantity-selector-detail .delete-btn:hover{background-color:#dc35451a;color:var(--btn-danger)}.quantity-selector-detail .add-btn{color:var(--primary-color);font-weight:600}.quantity-selector-detail .add-btn:hover:not(:disabled){background-color:#ff99001a}.quantity-selector-detail .add-btn:disabled{color:#ccc;cursor:not-allowed}.quantity-selector-detail .qty-value{color:var(--text-primary);font-size:18px;font-weight:600;min-width:50px;text-align:center}.go-to-cart-btn-detail{background:linear-gradient(180deg,#f7dfa5,#f0c14b);border:1px solid #a88734;border-radius:30px;color:#111;cursor:pointer;font-size:16px;font-weight:600;max-width:300px;padding:14px 32px;transition:all .2s;width:100%}.go-to-cart-btn-detail:hover{background:linear-gradient(180deg,#f5d78e,#eeb933)}.product-detail-error,.product-detail-loading{color:var(--text-secondary);padding:var(--spacing-xxl);text-align:center}.product-detail-error{color:var(--error)}.product-detail-error button{background-color:var(--primary-color);border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-weight:var(--font-weight-semibold);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg)}.product-detail-error button:hover{background-color:var(--primary-dark)}.product-details-section{border-top:2px solid var(--border-light);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.product-details-section h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.product-details-section h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.spec-table{border-collapse:collapse;margin-bottom:var(--spacing-md);width:100%}.spec-table td{border-bottom:1px solid var(--border-light);padding:var(--spacing-sm) var(--spacing-md);vertical-align:top}.spec-name{color:var(--text-secondary);font-weight:var(--font-weight-medium);width:40%}.spec-value{color:var(--text-primary)}.about-list{color:var(--text-secondary);line-height:1.6;margin:0;padding-left:var(--spacing-lg)}.product-description-content{color:var(--text-primary);font-size:var(--font-size-base);line-height:1.7;margin-top:var(--spacing-sm)}.product-description-content h1,.product-description-content h2,.product-description-content h3,.product-description-content h4,.product-description-content h5,.product-description-content h6{color:var(--text-primary);font-weight:var(--font-weight-bold);margin:var(--spacing-md) 0 var(--spacing-sm) 0}.product-description-content h1{font-size:1.5rem}.product-description-content h2{font-size:1.35rem}.product-description-content h3{font-size:1.2rem}.product-description-content p{margin:0 0 var(--spacing-sm) 0}.product-description-content ol,.product-description-content ul{margin:0 0 var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.product-description-content li{margin-bottom:var(--spacing-xs)}.product-description-content a{color:var(--primary-color);text-decoration:none}.product-description-content a:hover{text-decoration:underline}.product-description-content blockquote{border-left:4px solid var(--border-medium);color:var(--text-secondary);margin:var(--spacing-md) 0;padding-left:var(--spacing-md)}.product-description-content code,.product-description-content pre{background:var(--bg-secondary);border-radius:var(--radius-sm);font-family:monospace;font-size:.9em;padding:2px 6px}.product-description-content pre{display:block;margin:var(--spacing-sm) 0;overflow-x:auto;padding:var(--spacing-md)}.size-chart-section{background-color:var(--bg-primary);border-radius:var(--radius-lg);border-top:2px solid var(--border-light);box-shadow:var(--shadow-sm);margin-top:var(--spacing-xl);padding:var(--spacing-xl)}.size-chart-section h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0}.size-chart-intro{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.measurement-guide-content,.size-chart-content{color:var(--text-primary);font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--spacing-lg)}.measurement-guide-content:last-child,.size-chart-content:last-child{margin-bottom:0}.measurement-guide-content h3,.size-chart-content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:var(--spacing-md) 0 var(--spacing-sm) 0}.measurement-guide-content table,.size-chart-content table{border-collapse:collapse;font-size:var(--font-size-sm);margin:var(--spacing-md) 0;width:100%}.measurement-guide-content table td,.measurement-guide-content table th,.size-chart-content table td,.size-chart-content table th{border:1px solid var(--border-light);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.measurement-guide-content table th,.size-chart-content table th{background-color:var(--bg-secondary);font-weight:var(--font-weight-semibold)}.measurement-guide-content ul,.size-chart-content ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.measurement-guide-content p,.size-chart-content p{margin:var(--spacing-sm) 0}.sellers-section{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--spacing-xl);padding:var(--spacing-xl)}.sellers-section h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0}.sellers-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.sellers-list{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.seller-card{background-color:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-fast)}.seller-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.seller-card.selected{background-color:#ff990008;border-color:var(--primary-color)}.seller-card-header{border-bottom:1px solid var(--border-light);padding:var(--spacing-md)}.seller-name{color:var(--primary-color);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.in-stock-badge{background-color:#d4edda;color:#155724}.in-stock-badge,.out-of-stock-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm)}.out-of-stock-badge{background-color:#f8d7da;color:#721c24}.seller-price{align-items:baseline;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.price-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.price-value{color:var(--primary-color);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.seller-delivery{margin-bottom:var(--spacing-md)}.delivery-row{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.delivery-icon{font-size:var(--font-size-base)}.free-delivery{color:#155724;font-weight:var(--font-weight-semibold)}.delivery-date{color:var(--text-secondary)}.delivery-date strong{color:var(--text-primary)}.seller-address{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.address-icon{flex-shrink:0}.seller-stock{color:var(--text-secondary);font-size:var(--font-size-xs)}.selected-indicator{background-color:var(--primary-color);bottom:0;color:var(--text-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);left:0;padding:var(--spacing-xs);position:absolute;right:0;text-align:center}@media (max-width:768px){.product-detail-page{padding:var(--spacing-md)}.product-detail-main{padding:var(--spacing-lg)}.product-detail-header,.product-image-gallery{flex-direction:column}.thumbnail-strip{flex-direction:row;max-height:none;overflow-x:auto}.main-image-wrap{cursor:default;height:280px;width:100%}.product-detail-image{max-height:280px;max-width:100%}.main-image-wrap.is-zoomed .product-detail-image{transform:none}.zoom-hint{display:none}.product-detail-info h1{font-size:var(--font-size-xl)}.current-price,.product-detail-price{font-size:var(--font-size-xxl)}}

/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre{margin:0;padding:0}@supports (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor li,.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"\2022"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"\2611"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"\2610"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor .ql-code-block-container,.ql-snow .ql-editor code{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.add-product-page{background-color:var(--bg-secondary);min-height:100vh;padding:0 0 var(--spacing-lg) 0}.add-product-header-nav{background:linear-gradient(to bottom,var(--secondary-dark),var(--secondary-color));box-shadow:var(--shadow-md);color:var(--text-light);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.add-product-header-nav .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--max-width-container)}.add-product-header-nav .header-logo{color:var(--text-light);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-decoration:none}.add-product-header-nav nav{align-items:center;display:flex;gap:var(--spacing-md)}.add-product-header-nav nav a,.add-product-header-nav nav button,.add-product-header-nav nav span{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none}.add-product-header-nav .cart-summary-link{background-color:var(--primary-color);border-radius:var(--radius-sm);color:var(--text-light);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-md)}.add-product-header-nav .cart-summary-link:hover{background-color:var(--primary-dark);text-decoration:none}.add-product-container{margin:0 auto;max-width:var(--max-width-content);padding:0 var(--spacing-lg)}.add-product-loading{color:var(--text-secondary);padding:var(--spacing-xxl);text-align:center}.category-cascade .cascade-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.category-cascade .cascade-row select{min-width:140px}.category-hint{color:var(--text-secondary);font-size:12px;margin-top:8px}.add-product-main{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.add-product-main h1{color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}.add-product-desc{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl)}.add-product-form .form-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.add-product-form .form-group{margin-bottom:var(--spacing-lg)}.add-product-form .form-group label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.add-product-form .form-group input,.add-product-form .form-group select,.add-product-form .form-group textarea{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-base);padding:var(--spacing-md);width:100%}.add-product-form .form-group input:focus,.add-product-form .form-group select:focus,.add-product-form .form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff99001a;outline:none}.add-product-form .form-group textarea{min-height:80px;resize:vertical}.add-product-form .description-editor-group .ql-toolbar.ql-snow{background:var(--bg-secondary);border:1px solid var(--border-light);border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.add-product-form .description-editor-group .ql-container.ql-snow{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:0 0 var(--radius-sm) var(--radius-sm);font-family:var(--font-family-primary);font-size:var(--font-size-base)}.add-product-form .description-editor-group .ql-editor{color:var(--text-primary);min-height:200px}.add-product-form .description-editor-group .ql-editor.ql-blank:before{color:var(--text-muted);font-style:normal}.add-product-form .description-rich-editor{margin-bottom:var(--spacing-lg)}.add-product-form .success-message{background-color:#0076001a;border:1px solid var(--success);border-radius:var(--radius-sm);color:var(--success);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.add-product-form .error-message{background-color:#c400001a;border:1px solid var(--error);border-radius:var(--radius-sm);color:var(--error);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.add-product-form .form-actions{border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.add-product-form .cancel-button,.add-product-form .save-button{border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-base)}.add-product-form .cancel-button{background-color:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-primary)}.add-product-form .cancel-button:hover:not(:disabled){background-color:var(--bg-tertiary)}.add-product-form .save-button{background-color:var(--btn-primary);border:none;color:var(--btn-primary-text)}.add-product-form .save-button:hover:not(:disabled){background-color:var(--btn-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.add-product-form .cancel-button:disabled,.add-product-form .save-button:disabled{cursor:not-allowed;opacity:.6}.add-product-form .clothes-attributes{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-lg)}.add-product-form .clothes-attributes-hint{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md) 0}.add-product-form .attributes-row{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}@media (max-width:640px){.add-product-form .attributes-row{grid-template-columns:1fr}}.add-product-form .attribute-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.add-product-form .attribute-label{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.add-product-form .clothes-size-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.add-product-form .clothes-size-select{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--font-size-base);max-width:260px;padding:var(--spacing-sm) var(--spacing-md);width:100%}.add-product-form .clothes-selection-note{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.add-product-form .clothes-size-warning{color:#b26a00;color:var(--warning,#b26a00);font-size:var(--font-size-sm);margin:0}.add-product-form .selected-size-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.add-product-form .selected-size-chip{background:#ff990014;border:1px solid var(--primary-color);border-radius:999px;color:var(--primary-dark);cursor:pointer;font-size:var(--font-size-sm);padding:6px 12px}.add-product-form .selected-size-chip:hover{background:#ff990029}.add-product-form .selected-size-empty{color:var(--text-muted);font-size:var(--font-size-sm)}.add-product-form .color-variant-builder{display:flex;flex-direction:column;gap:var(--spacing-md)}.add-product-form .color-variant-card-builder{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md)}.add-product-form .color-variant-header{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-md)}.add-product-form .color-variant-select{border:1px solid var(--border-light);border-radius:var(--radius-sm);flex:1 1;font-size:var(--font-size-base);max-width:260px;padding:var(--spacing-sm) var(--spacing-md)}.add-product-form .add-color-variant-btn,.add-product-form .remove-color-variant-btn{border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.add-product-form .remove-color-variant-btn{background:#0000;border:1px solid var(--btn-danger);color:var(--btn-danger)}.add-product-form .add-color-variant-btn{align-self:flex-start;background:#0000;border:1px solid var(--primary-color);color:var(--primary-color)}.add-product-form .color-variant-images-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(110px,1fr));margin-bottom:var(--spacing-md)}.add-product-form .color-variant-image-item{aspect-ratio:1;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden;position:relative}.add-product-form .color-variant-image-item img{height:100%;object-fit:cover;width:100%}.add-product-form .color-variant-upload-box{margin-top:var(--spacing-sm)}.add-product-form .color-variant-upload-box:hover{border-color:var(--primary-color)}.add-product-form .color-variant-upload-box.image-drop-zone{background:var(--bg-primary);border-radius:var(--radius-md);min-height:170px;padding:var(--spacing-lg)}.add-product-form .color-variant-upload-box .drop-zone-content{min-height:120px;width:100%}.add-product-form .color-variant-upload-box .drop-icon{font-size:2rem}.add-product-form .attribute-checkboxes{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.add-product-form .attribute-check{align-items:center;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);gap:6px}.add-product-form .attribute-check input{margin:0;width:auto}.add-product-form .color-swatch-label{align-items:center;display:inline-flex;gap:6px}.add-product-form .mini-swatch{border:1px solid #0003;border-radius:4px;flex-shrink:0;height:14px;width:14px}.image-upload-section{margin-bottom:var(--spacing-xl)}.image-hint{color:var(--text-muted);font-size:var(--font-size-xs);margin-bottom:var(--spacing-md);margin-top:calc(var(--spacing-xs)*-1)}.admin-product-image-gallery{align-items:flex-start;background:#0000;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.admin-thumbnail-strip{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:520px;overflow-y:auto;padding-right:2px;width:74px}.admin-thumbnail{background:#fff;border:2px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;height:64px;overflow:hidden;position:relative;transition:all var(--transition-fast);width:64px}.admin-thumbnail.active{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color)}.admin-thumbnail.dragging{opacity:.5;transform:scale(.95)}.admin-thumbnail img{display:block;height:100%;object-fit:cover;width:100%}.admin-main-image-wrap{align-items:center;background:#fff;border-radius:var(--radius-md);display:flex;height:520px;justify-content:center;overflow:hidden;padding:var(--spacing-sm);position:relative;width:520px}.admin-main-product-image{max-height:100%;max-width:100%;object-fit:contain}.admin-thumbnail .remove-image-btn{align-items:center;background-color:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:all var(--transition-fast);width:24px}.admin-thumbnail:hover .remove-image-btn{opacity:1}.admin-thumbnail .remove-image-btn:hover{background-color:var(--error);transform:scale(1.1)}.admin-thumbnail .remove-image-btn:disabled{cursor:not-allowed;opacity:.5}.admin-main-image-wrap .remove-image-btn{opacity:1;position:absolute;right:8px;top:8px}.color-variant-image-gallery{align-items:flex-start;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.color-variant-thumbnail-strip{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:360px;overflow-y:auto;padding-right:2px}.color-variant-thumbnail{background:#fff;border:2px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;height:64px;overflow:hidden;position:relative;width:64px}.color-variant-thumbnail.active{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color)}.color-variant-thumbnail img{display:block;height:100%;object-fit:cover;width:100%}.color-variant-main-image-wrap{align-items:center;background:#fff;border-radius:var(--radius-md);display:flex;height:360px;justify-content:center;overflow:hidden;padding:var(--spacing-sm);position:relative;width:360px}.color-variant-main-image{max-height:100%;max-width:100%;object-fit:contain}.color-variant-thumbnail .remove-image-btn{align-items:center;background-color:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:all var(--transition-fast);width:24px}.color-variant-thumbnail:hover .remove-image-btn{opacity:1}.color-variant-thumbnail .remove-image-btn:hover{background-color:var(--error);transform:scale(1.1)}.color-variant-thumbnail .remove-image-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.admin-product-image-gallery{flex-direction:column}.admin-thumbnail-strip{flex-direction:row;max-height:none;overflow-x:auto;width:100%}.admin-main-image-wrap{height:360px;width:100%}.color-variant-image-gallery{flex-direction:column}.color-variant-main-image-wrap{height:300px;width:100%}}.images-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:var(--spacing-md)}.image-item{aspect-ratio:1;background-color:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-md);cursor:grab;overflow:hidden;position:relative;transition:all var(--transition-fast)}.image-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.image-item.main-image{border-color:var(--primary-color);border-width:3px}.image-item.dragging{opacity:.5;transform:scale(.95)}.image-item img{height:100%;object-fit:cover;width:100%}.main-badge{background-color:var(--primary-color);border-radius:var(--radius-sm);color:var(--text-light);font-size:10px;font-weight:var(--font-weight-bold);left:4px;padding:2px 8px;position:absolute;text-transform:uppercase;top:4px}.image-item .remove-image-btn{align-items:center;background-color:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:all var(--transition-fast);width:24px}.image-item:hover .remove-image-btn{opacity:1}.image-item .remove-image-btn:hover{background-color:var(--error);transform:scale(1.1)}.image-item .remove-image-btn:disabled{cursor:not-allowed;opacity:.5}.upload-btn{color:var(--text-light);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.upload-btn:hover:not(:disabled){background-color:var(--primary-dark)}.banner-preview img{height:200px}.video-preview video{max-height:260px}.back-link{background:none;border:none;color:var(--primary-color);cursor:pointer;display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-lg);padding:0}.back-link:hover{color:var(--primary-dark);text-decoration:underline}.seller-section{border-top:2px solid var(--border-light);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.seller-hint{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.seller-empty-hint{color:var(--primary-color);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.seller-single-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.seller-single-row .seller-field{min-width:140px}.seller-assignment-card{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);overflow:hidden}.seller-card-header{align-items:center;background-color:var(--secondary-dark);color:var(--text-light);display:flex;font-weight:var(--font-weight-semibold);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.remove-seller-btn{background:none;border:none;color:var(--text-light);font-size:var(--font-size-xl);line-height:1;opacity:.8;padding:0}.remove-seller-btn:hover{color:var(--btn-danger);opacity:1}.seller-card-body{padding:var(--spacing-md)}.seller-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--spacing-md)}.seller-row:last-child{margin-bottom:0}.seller-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.seller-field.full-width{grid-column:1/-1}.seller-field label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.seller-field input,.seller-field select{border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:var(--spacing-sm)}.seller-field input:focus,.seller-field select:focus{border-color:var(--primary-color);outline:none}.add-seller-btn{background-color:var(--bg-primary);border:2px dashed var(--border-medium);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}.add-seller-btn:hover{background-color:#ff99000d;border-color:var(--primary-color)}@media (max-width:768px){.add-product-form .form-row{grid-template-columns:1fr}}.admin-products-page{background-color:var(--bg-secondary);min-height:100vh}.admin-header{background:linear-gradient(to bottom,var(--secondary-dark),var(--secondary-color));box-shadow:var(--shadow-md);color:var(--text-light);padding:var(--spacing-md) var(--spacing-lg)}.admin-header .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--max-width-container)}.admin-header .header-logo{color:var(--text-light);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-decoration:none}.admin-header nav{align-items:center;display:flex;gap:var(--spacing-md)}.admin-header nav a,.admin-header nav button,.admin-header nav span{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none}.admin-header .cart-summary-link{background-color:var(--primary-color);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold)}.admin-container{margin:0 auto;max-width:var(--max-width-container);padding:var(--spacing-lg)}.admin-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg)}.admin-toolbar h1{color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:0}.toolbar-actions{align-items:center;display:flex;gap:var(--spacing-md)}.search-input{border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--font-size-base);min-width:250px;padding:var(--spacing-sm) var(--spacing-md)}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff99001a}.error-banner{background-color:#c400001a;border-radius:var(--radius-sm);color:var(--error);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.loading{color:var(--text-secondary);padding:var(--spacing-xxl)}.products-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.no-products{color:var(--text-secondary);grid-column:1/-1;padding:var(--spacing-xxl);text-align:center}.product-card{background-color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-base)}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-image{background-color:var(--bg-secondary);height:180px;overflow:hidden;width:100%}.product-image img{height:100%;object-fit:cover;width:100%}.product-image .no-image{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-size-sm);height:100%;justify-content:center;width:100%}.product-info{flex:1 1;padding:var(--spacing-md)}.product-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.3}.product-brand,.product-name{margin:0 0 var(--spacing-xs) 0}.product-brand{color:var(--text-secondary);font-size:var(--font-size-sm)}.product-category{color:var(--text-muted);font-size:var(--font-size-xs);margin:0 0 var(--spacing-sm) 0}.product-details{align-items:center;justify-content:space-between}.product-price-block{align-items:center;display:flex;flex-wrap:wrap;gap:6px 8px}.product-price-block .product-original-price{color:var(--text-secondary);font-size:var(--font-size-sm);text-decoration:line-through}.product-price-block .product-discount-badge{background:#388e3c;border-radius:4px;color:#fff;font-size:11px;font-weight:var(--font-weight-semibold);padding:2px 6px}.product-price{color:var(--price);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.product-stock{background-color:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-xs);padding:2px 8px}.product-actions{border-top:1px solid var(--border-light);display:flex}.product-actions button{border:none;cursor:pointer;flex:1 1;font-weight:var(--font-weight-medium);padding:var(--spacing-sm);transition:all var(--transition-fast)}.edit-btn{background-color:var(--bg-secondary);border-right:1px solid var(--border-light)!important;color:var(--text-primary)}.edit-btn:hover{background-color:var(--primary-light);color:var(--primary-dark)}.delete-btn{background-color:var(--bg-secondary);color:var(--error)}.delete-btn:hover{background-color:#c400001a}.modal-overlay{padding:var(--spacing-lg)}.admin-edit-page-mode{background-color:initial!important;bottom:auto;display:block!important;left:auto;padding:0!important;position:static!important;right:auto;top:auto;z-index:auto!important}.admin-edit-page-mode .modal-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-height:none;overflow-y:visible}.admin-products-page.admin-edit-fullscreen .admin-container{max-width:100%;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.admin-edit-page-mode .edit-modal{max-width:none;width:100%}.modal-content{box-shadow:var(--shadow-xl)}.edit-modal{max-width:700px}.delete-modal{max-width:400px}.modal-header{border-bottom:1px solid var(--border-light);padding:var(--spacing-lg)}.modal-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.close-btn{color:var(--text-secondary);line-height:1;padding:0}.close-btn:hover{color:var(--text-primary)}.edit-form{padding:var(--spacing-lg)}.edit-form .form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.edit-form .form-group{margin-bottom:var(--spacing-md)}.edit-form label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.edit-form input,.edit-form select,.edit-form textarea{border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);width:100%}.edit-form input:focus,.edit-form select:focus,.edit-form textarea:focus{border-color:var(--primary-color);outline:none}.edit-form textarea{min-height:80px;resize:vertical}.edit-form .description-editor-group .ql-toolbar.ql-snow{background:var(--bg-secondary);border:1px solid var(--border-light);border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.edit-form .description-editor-group .ql-container.ql-snow{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:0 0 var(--radius-sm) var(--radius-sm);font-size:var(--font-size-base)}.edit-form .description-editor-group .ql-editor{color:var(--text-primary);min-height:180px}.edit-form .description-rich-editor{margin-bottom:var(--spacing-md)}.seller-mapping-edit .form-hint{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:400;margin-bottom:var(--spacing-sm)}.edit-sellers-list{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);overflow:hidden}.edit-sellers-list-header{background-color:var(--secondary-dark);color:var(--text-light);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.edit-seller-row,.edit-sellers-list-header{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 100px 80px 80px;padding:var(--spacing-xs) var(--spacing-sm)}.edit-seller-row{align-items:center;border-bottom:1px solid var(--border-light)}.edit-seller-row:last-child{border-bottom:none}.edit-seller-row input{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);width:100%}.edit-seller-row .seller-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.edit-seller-row .col-action,.edit-sellers-list-header .col-action{min-width:70px}.remove-seller-btn{background-color:initial;border:1px solid var(--btn-danger);border-radius:var(--radius-sm);color:var(--btn-danger);cursor:pointer;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.remove-seller-btn:hover:not(:disabled){background-color:var(--btn-danger);color:#fff}.removed-hint{color:var(--text-secondary);font-size:var(--font-size-xs);margin-bottom:var(--spacing-sm)}.add-seller-section{margin-top:var(--spacing-sm)}.add-seller-section .add-seller-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.new-seller-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.new-seller-row select{min-width:160px}.new-seller-row input,.new-seller-row select{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.new-seller-row input{width:80px}.add-seller-btn{background-color:initial;border:1px solid var(--primary-color);border-radius:var(--radius-sm);color:var(--primary-color);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.add-seller-btn:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.edit-color-image-groups{display:flex;flex-direction:column;gap:var(--spacing-md)}.edit-color-image-group{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-sm)}.edit-color-image-group-title{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.edit-images-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-bottom:var(--spacing-sm)}.edit-image-item{aspect-ratio:1;border:2px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden;position:relative}.edit-image-item.main{border-color:var(--primary-color)}.edit-image-item img{height:100%;object-fit:cover;width:100%}.edit-image-item .main-badge{background-color:var(--primary-color);border-radius:2px;color:#fff;font-size:8px;font-weight:700;left:2px;padding:1px 4px;position:absolute;top:2px}.edit-image-item .uploading-overlay{background-color:#0009;bottom:0;left:0;right:0;top:0}.edit-image-item .uploaded-check,.edit-image-item .uploading-overlay{align-items:center;color:#fff;display:flex;font-size:10px;justify-content:center;position:absolute}.edit-image-item .uploaded-check{background-color:var(--success);border-radius:50%;bottom:2px;height:16px;right:2px;width:16px}.edit-image-item .remove-img-btn{background-color:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;height:18px;line-height:1;opacity:0;position:absolute;right:2px;top:2px;transition:opacity var(--transition-fast);width:18px}.edit-image-item:hover .remove-img-btn{opacity:1}.add-images-zone{border:2px dashed var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-md);text-align:center;transition:all var(--transition-fast)}.add-images-zone:hover{border-color:var(--primary-color);color:var(--primary-color)}.image-upload-section{margin-bottom:var(--spacing-md)}.checkbox-label{align-items:center;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color);width:auto}.banner-upload-box{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.banner-drop-zone{margin-top:var(--spacing-md);min-height:130px}.banner-preview{background:#000;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;width:100%}.banner-preview img{display:block;height:180px;object-fit:cover;width:100%}.video-preview{background:#000;border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);overflow:hidden;width:100%}.video-preview video{display:block;max-height:240px;width:100%}.upload-success{background-color:#0076001a;color:var(--success);font-weight:var(--font-weight-medium);margin-top:var(--spacing-md)}.upload-error,.upload-success{border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.upload-error{background-color:#c400001a;color:var(--error);margin-top:var(--spacing-sm)}.edit-color-variant-builder{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.edit-color-variant-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md)}.edit-color-variant-header{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-md)}.edit-color-variant-select{border:1px solid var(--border-light);border-radius:var(--radius-sm);flex:1 1;font-size:var(--font-size-base);max-width:260px;padding:var(--spacing-sm) var(--spacing-md)}.add-color-variant-btn,.remove-color-variant-btn{border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.remove-color-variant-btn{background:#0000;border:1px solid var(--btn-danger);color:var(--btn-danger)}.add-color-variant-btn{align-self:flex-start;background:#0000;border:1px solid var(--primary-color);color:var(--primary-color)}.color-variant-images-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(110px,1fr));margin-bottom:var(--spacing-md)}.color-variant-image-item{aspect-ratio:1;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden;position:relative}.color-variant-image-item img{height:100%;object-fit:cover;width:100%}.color-variant-image-item .main-badge{background-color:var(--primary-color);border-radius:var(--radius-sm);color:var(--text-light);font-size:10px;font-weight:var(--font-weight-bold);left:4px;padding:2px 8px;position:absolute;text-transform:uppercase;top:4px}.image-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.uploading-indicator{color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.image-uploaded-check{background-color:var(--success);font-size:12px}.image-error-badge,.image-uploaded-check{align-items:center;border-radius:50%;bottom:4px;color:#fff;display:flex;font-weight:700;height:22px;justify-content:center;position:absolute;right:4px;width:22px}.image-error-badge{background-color:var(--error);cursor:help;font-size:14px}.color-variant-image-item .remove-image-btn{align-items:center;background-color:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:all var(--transition-fast);width:24px}.color-variant-image-item:hover .remove-image-btn{opacity:1}.color-variant-image-item .remove-image-btn:hover{background-color:var(--error);transform:scale(1.1)}.color-variant-image-item .remove-image-btn:disabled{cursor:not-allowed;opacity:.5}.image-drop-zone{background-color:var(--bg-secondary);border:2px dashed var(--border-medium);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-xl);position:relative;text-align:center;transition:all var(--transition-base)}.image-drop-zone.multi{padding:var(--spacing-lg)}.image-drop-zone:hover{background-color:#ff99000d;border-color:var(--primary-color)}.drop-zone-content{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-sm)}.drop-icon{font-size:48px;margin-bottom:var(--spacing-sm)}.image-drop-zone.multi .drop-icon{font-size:32px;margin-bottom:0}.file-hint{color:var(--text-muted);font-size:var(--font-size-xs)}.file-input-hidden{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.upload-actions{align-items:center;display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.upload-btn{background-color:var(--primary-color);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:var(--font-size-sm);margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md)}.upload-btn:disabled{cursor:not-allowed;opacity:.6}.edit-error{background-color:#c400001a;border-radius:var(--radius-sm);color:var(--error);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.modal-actions{border-top:1px solid var(--border-light);gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.cancel-btn,.confirm-delete-btn,.save-btn{border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.cancel-btn{border:1px solid var(--border-medium)}.cancel-btn:hover:not(:disabled){background-color:var(--bg-tertiary)}.save-btn{background-color:var(--primary-color)}.save-btn:hover:not(:disabled){background-color:var(--primary-dark)}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.6}.delete-content{padding:var(--spacing-lg);text-align:center}.delete-content p{color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.delete-product-info{background-color:var(--bg-secondary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.delete-product-info strong{display:block;margin-bottom:var(--spacing-xs)}.delete-product-info span{color:var(--price);font-weight:var(--font-weight-semibold)}.warning{color:var(--error);font-size:var(--font-size-sm)}.confirm-delete-btn{background-color:var(--error);border:none;color:#fff}.confirm-delete-btn:hover:not(:disabled){background-color:#a00}.confirm-delete-btn:disabled{cursor:not-allowed;opacity:.6}.delete-modal .modal-actions{border-top:none;margin-top:0;padding:0 var(--spacing-lg) var(--spacing-lg)}@media (max-width:768px){.admin-toolbar{align-items:stretch}.admin-toolbar,.toolbar-actions{flex-direction:column}.search-input{min-width:auto;width:100%}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.edit-form .form-row{grid-template-columns:1fr}.modal-content{margin:var(--spacing-md)}}.add-seller-wrapper{background-color:var(--bg-secondary);min-height:100vh}.add-seller-container{margin:0 auto;max-width:680px;padding:var(--spacing-xl) var(--spacing-lg)}.add-seller-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.add-seller-card h2{color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0;text-align:center}.add-seller-card .subtitle{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-lg);text-align:center}.seller-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.seller-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.seller-form label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.seller-form input{border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.seller-form input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff99001a;outline:none}.seller-form input:disabled{background-color:var(--bg-secondary);cursor:not-allowed}.seller-form .form-hint{color:var(--text-secondary);font-size:.8rem}.seller-form .form-section-title{border-top:1px solid var(--border-light);color:var(--text-primary);font-size:1rem;font-weight:600;margin:var(--spacing-lg) 0 var(--spacing-sm) 0;padding-top:var(--spacing-md)}.seller-form .form-row-three,.seller-form .form-row-two{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.seller-form .form-row-two{grid-template-columns:1fr 1fr}.seller-form .form-row-three{grid-template-columns:1fr 1fr 1fr}.seller-form textarea{border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);resize:vertical}.seller-form textarea:focus{border-color:var(--primary-color);outline:none}.upload-area-inline{border:2px dashed var(--border-light);border-radius:var(--radius-sm);padding:var(--spacing-md);position:relative}.upload-area-inline input[type=file]{cursor:pointer;inset:0;opacity:0;position:absolute}.upload-hint,.upload-status{color:var(--text-secondary);font-size:.875rem}.preview-inline{align-items:center;display:flex;gap:var(--spacing-md)}.preview-inline img{border-radius:var(--radius-sm);max-height:60px;max-width:80px;object-fit:cover}.preview-inline .uploaded-tag{color:#059669;color:var(--success-color,#059669);font-size:.8rem}.button-group{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.cancel-btn,.submit-btn{border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.cancel-btn{background-color:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-primary)}.cancel-btn:hover:not(:disabled){background-color:var(--border-light)}.submit-btn{background-color:var(--primary-color);color:var(--text-light)}.submit-btn:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:var(--shadow-md)}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6}.success-message{background-color:#d4edda;color:#155724;margin-bottom:var(--spacing-md)}.error-message{background-color:#f8d7da;color:#721c24;margin-bottom:var(--spacing-md)}.quaternary-checkboxes{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);max-height:220px;overflow-y:auto;padding:var(--spacing-sm)}.quaternary-check{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:6px 0}.quaternary-check input{flex-shrink:0}.quaternary-path{color:var(--text-primary)}.category-type-badge{background:#e8f4fd;color:#1976d2;margin-right:8px;min-width:36px;padding:2px 6px}.categories-seller .form-hint{margin-bottom:8px}.no-categories-msg{color:var(--text-secondary);font-size:13px;padding:8px 0}@media (max-width:576px){.add-seller-container{padding:var(--spacing-md)}.add-seller-card{padding:var(--spacing-lg)}.button-group{flex-direction:column}}.auth-page{background:#f1f3f6;min-height:100vh}.auth-container,.auth-page{display:flex;flex-direction:column}.auth-container{align-items:center;flex:1 1;justify-content:center;padding:var(--spacing-lg)}.auth-form{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:450px;padding:var(--spacing-xl);width:100%}.auth-container h2{border-bottom:2px solid var(--border-light);color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);padding-bottom:var(--spacing-md);text-align:center}.auth-container h2,.form-group{margin-bottom:var(--spacing-lg)}.form-group label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.form-group input{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-size:var(--font-size-base);padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff99001a;outline:none}.form-group input:hover{border-color:var(--border-medium)}.auth-form button{background-color:var(--btn-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--btn-primary-text);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:.5px;margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);text-transform:uppercase;transition:all var(--transition-base);width:100%}.auth-form button:hover:not(:disabled){background-color:var(--btn-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-form button:active:not(:disabled){transform:translateY(0)}.auth-form button:disabled{background-color:var(--bg-tertiary);box-shadow:none;color:var(--text-tertiary);cursor:not-allowed}.error-message{background-color:#c400001a;border:1px solid var(--error);border-radius:var(--radius-sm);color:var(--error)}.error-message,.success-message{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-md);padding:var(--spacing-md);text-align:center}.success-message{background-color:#0076001a;border:1px solid var(--success);border-radius:var(--radius-sm);color:var(--success)}.auth-link{border-top:1px solid var(--border-light);color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);text-align:center}.auth-link span{color:var(--text-link);cursor:pointer;font-weight:var(--font-weight-semibold);text-decoration:none;transition:color var(--transition-fast)}.auth-link span:hover{color:var(--text-link-hover);text-decoration:underline}.auth-form button:disabled{position:relative}.auth-form button:disabled:after{animation:spin .6s linear infinite;border:2px solid var(--text-tertiary);border-radius:50%;border-top:2px solid #0000;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}.referral-info-banner{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #a5d6a7;border-radius:12px;box-sizing:border-box;display:flex;gap:16px;margin-bottom:20px;max-width:450px;padding:16px 20px;width:100%}.referral-icon{align-items:center;background:#4caf50;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.referral-icon svg{color:#fff}.referral-details{display:flex;flex-direction:column;gap:2px}.referral-label{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.referrer-name{color:#2e7d32;font-size:18px}.your-level{color:#558b2f;font-size:13px}.no-referral-warning{align-items:center;background:#fff3e0;border:1px solid #ffcc80;border-radius:8px;box-sizing:border-box;display:flex;gap:12px;margin-bottom:20px;max-width:450px;padding:14px 18px;width:100%}.no-referral-warning svg{color:#f57c00;flex-shrink:0}.no-referral-warning span{color:#e65100;font-size:13px;line-height:1.4}.referral-default-info{align-items:center;background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;box-sizing:border-box;display:flex;gap:12px;margin-bottom:20px;max-width:450px;padding:14px 18px;width:100%}.referral-default-info svg{color:#1976d2;flex-shrink:0}.referral-default-info span{color:#1565c0;font-size:13px;line-height:1.4}.form-group input.input-error{background-color:#fff5f5;border-color:#dc3545}.form-group input.input-success{background-color:#f0fff4;border-color:#28a745}.validating{color:#6c757d;font-style:italic}.field-error,.validating{display:block;font-size:12px;margin-top:4px}.field-error{color:#dc3545}.field-success{color:#28a745}.auth-field-hint,.field-success{display:block;font-size:12px;margin-top:4px}.auth-field-hint{color:var(--text-secondary)}.auth-snackbar-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.auth-snackbar{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:420px;padding:var(--spacing-xl);width:100%}.auth-snackbar-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md)}.auth-snackbar-message{color:var(--text-primary);font-size:var(--font-size-base);line-height:1.5;margin:0 0 var(--spacing-sm)}.auth-snackbar-message strong{background:#f1f3f6;border-radius:4px;font-family:monospace;padding:2px 8px}.auth-snackbar-note{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-lg)}.auth-snackbar-ok{background-color:var(--btn-primary);border:none;border-radius:var(--radius-md);color:var(--btn-primary-text);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:var(--spacing-md) var(--spacing-lg);text-transform:uppercase;width:100%}.auth-snackbar-ok:hover{background-color:var(--btn-primary-hover)}@media (max-width:480px){.auth-container{padding:var(--spacing-md)}.auth-form{padding:var(--spacing-lg)}.auth-container h2{font-size:var(--font-size-xl)}.referral-info-banner{flex-direction:column;text-align:center}.referral-details{align-items:center}}.manage-sellers-wrapper{background-color:var(--bg-secondary);min-height:100vh}.manage-sellers-container{margin:0 auto;max-width:1200px;padding:var(--spacing-xl) var(--spacing-lg)}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.page-header h1{color:#1a1a2e;font-weight:700;margin:0}.add-seller-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:0 2px 4px #00000014;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.add-seller-btn:hover{background-color:var(--primary-dark);box-shadow:0 4px 12px #ff99004d;transform:translateY(-1px)}.search-bar{margin-bottom:var(--spacing-lg)}.search-bar input{border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-base);max-width:400px;padding:var(--spacing-sm) var(--spacing-md);width:100%}.search-bar input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff99001a;outline:none}.sellers-table-container{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.sellers-table{border-collapse:collapse;width:100%}.sellers-table td,.sellers-table th{border-bottom:none;padding:var(--spacing-md);text-align:left;vertical-align:middle}.sellers-table thead tr{border-bottom:1px solid #fff3}.sellers-table th{background-color:var(--secondary-dark);color:var(--text-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase}.sellers-table tbody tr:not(:last-child){border-bottom:1px solid var(--border-light)}.sellers-table tbody tr:hover{background-color:var(--bg-secondary)}.sellers-table .category-cell{font-size:var(--font-size-sm);line-height:1.4;max-width:280px;word-break:break-word}.seller-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;min-width:84px;padding:6px 10px}.seller-status-badge.active{background:#d4edda;color:#155724}.seller-status-badge.inactive{background:#f8d7da;color:#721c24}.actions-cell{display:flex;gap:var(--spacing-sm)}.delete-btn,.edit-btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.edit-btn{background-color:var(--primary-color);color:var(--text-light)}.edit-btn:hover{background-color:var(--primary-dark)}.delete-btn{background-color:var(--btn-danger);color:var(--text-light)}.delete-btn:hover{background-color:var(--btn-danger-hover)}.error,.loading,.no-sellers{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xxl);text-align:center}.total-count{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-lg);text-align:right}.modal-overlay{background-color:#00000080}.modal-content{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:520px;padding:var(--spacing-xl)}.modal-content h2{color:var(--text-primary);font-size:var(--font-size-xl);margin:0 0 var(--spacing-lg) 0}.modal-content .form-group{margin-bottom:var(--spacing-md)}.modal-content label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.modal-content input,.modal-content select{border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);width:100%}.modal-content select{background-color:var(--bg-primary)}.modal-content input:focus{border-color:var(--primary-color);outline:none}.modal-content textarea{border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--font-size-base);min-height:60px;padding:var(--spacing-sm) var(--spacing-md)}.edit-section-title{border-top:1px solid var(--border-light);color:var(--primary-color);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:var(--spacing-lg) 0 var(--spacing-sm) 0;padding-top:var(--spacing-md)}.modal-content .form-row-two{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.modal-content .form-row-three{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr 1fr}.modal-error{background-color:#f8d7da;border-radius:var(--radius-sm);color:#721c24;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.modal-buttons{gap:var(--spacing-md);margin-top:var(--spacing-lg)}.modal-buttons button{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.modal-buttons button:hover:not(:disabled){background-color:var(--border-light)}.modal-buttons .save-btn{background-color:var(--primary-color);border:none;color:var(--text-light)}.modal-buttons .save-btn:hover:not(:disabled){background-color:var(--primary-dark)}.delete-modal p{color:var(--text-primary);margin:var(--spacing-md) 0}.delete-modal .warning{color:var(--btn-danger);font-size:var(--font-size-sm)}.modal-buttons .confirm-delete-btn{background-color:var(--btn-danger);border:none;color:var(--text-light)}.modal-buttons .confirm-delete-btn:hover:not(:disabled){background-color:var(--btn-danger-hover)}.form-group.categories-edit{margin-top:var(--spacing-md)}.form-group.categories-edit .form-hint{color:var(--text-secondary);display:block;font-size:var(--font-size-xs);font-weight:400;margin-bottom:var(--spacing-sm)}.edit-modal-category-list{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);max-height:220px;overflow-y:auto;padding:var(--spacing-sm)}.edit-category-check{align-items:flex-start;cursor:pointer;display:flex;font-weight:400;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.edit-category-check input{margin-top:3px;width:auto}.edit-category-path{color:var(--text-primary);font-size:var(--font-size-sm)}.category-type-badge{background-color:var(--primary-color);border-radius:4px;color:var(--text-light);display:inline-block;font-size:10px;font-weight:600;margin-right:6px;padding:1px 6px}.modal-loading-msg,.no-categories-msg{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;padding:var(--spacing-sm)}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column}.sellers-table-container{overflow-x:auto}.sellers-table{min-width:600px}.actions-cell{flex-direction:column}}.manage-customers-wrapper{background-color:#f5f5f5;background-color:var(--bg-secondary,#f5f5f5);min-height:100vh}.manage-customers-container{margin:0 auto;max-width:1200px;padding:1.5rem 1rem;padding:var(--spacing-xl,1.5rem) var(--spacing-lg,1rem)}.manage-customers-container .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.manage-customers-container .page-header h1{color:#1a1a2e;font-size:28px;font-weight:700;margin:0}.manage-customers-container .search-bar{margin-bottom:1rem;margin-bottom:var(--spacing-lg,1rem)}.manage-customers-container .search-bar input{border:1px solid #ddd;border:1px solid var(--border-light,#ddd);border-radius:8px;border-radius:var(--radius-md,8px);font-size:1rem;font-size:var(--font-size-base,1rem);max-width:400px;padding:.5rem .75rem;padding:var(--spacing-sm,.5rem) var(--spacing-md,.75rem);width:100%}.manage-customers-container .search-bar input:focus{border-color:#232f3e;border-color:var(--primary-color,#232f3e);box-shadow:0 0 0 2px #232f3e1a;outline:none}.manage-customers-empty,.manage-customers-error,.manage-customers-loading{color:#555;color:var(--text-secondary,#555);padding:1.5rem;padding:var(--spacing-xl,1.5rem);text-align:center}.manage-customers-error{color:#c00}.customers-table-container{background-color:#fff;background-color:var(--bg-primary,#fff);border-radius:8px;border-radius:var(--radius-lg,8px);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-md,0 2px 8px #00000014);overflow-x:auto}.customers-table{border-collapse:collapse;min-width:1350px;width:100%}.customers-table td,.customers-table th{border-bottom:1px solid #eee;border-bottom:1px solid var(--border-light,#eee);padding:.75rem;padding:var(--spacing-md,.75rem);text-align:left}.customers-table th{background-color:#232f3e;background-color:var(--secondary-dark,#232f3e);color:#fff;color:var(--text-light,#fff);font-size:.85rem;font-weight:600}.customers-table tbody tr:hover{background-color:#00000005}.customers-table .address-cell{max-width:220px;word-break:break-word}.customer-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;min-width:82px;padding:6px 10px}.customer-status-badge.active{background:#d4edda;color:#155724}.customer-status-badge.inactive{background:#f8d7da;color:#721c24}.customer-status-btn{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.customer-status-btn.activate{background:#d4edda;color:#155724}.customer-status-btn.activate:hover:not(:disabled){background:#c3e6cb}.customer-status-btn.deactivate{background:#f8d7da;color:#721c24}.customer-status-btn.deactivate:hover:not(:disabled){background:#f1bfc5}.customer-status-btn:disabled{cursor:not-allowed;opacity:.7}.customer-actions{display:flex;flex-wrap:wrap;gap:8px}.customer-offer-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.customer-offer-btn:hover{background:#1d4ed8}.customer-offer-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.customer-offer-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:680px;padding:20px;width:100%}.customer-offer-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.customer-offer-modal-header h2{color:#1a1a2e;font-size:1.25rem;margin:0}.customer-offer-close{background:#0000;border:none;color:#666;cursor:pointer;font-size:1.6rem;line-height:1}.customer-offer-recipient{color:#444;margin:0 0 16px}.customer-offer-form{display:flex;flex-direction:column;gap:14px}.customer-offer-form label{color:#374151;display:flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:6px}.customer-offer-form input,.customer-offer-form textarea{border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;font-weight:400;padding:10px 12px;width:100%}.customer-offer-form textarea{min-height:200px;resize:vertical}.customer-offer-modal-actions{display:flex;gap:10px;justify-content:flex-end}.customer-offer-cancel,.customer-offer-send{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px}.customer-offer-cancel{background:#e5e7eb;color:#1f2937}.customer-offer-send{background:#059669;color:#fff}.customer-offer-send:hover:not(:disabled){background:#047857}.manage-customers-container .total-count{color:#666;color:var(--text-secondary,#666);font-size:.9rem;margin-top:1rem}@media (max-width:768px){.customers-table-container{border-radius:0;margin:0 -1rem}.customers-table td,.customers-table th{font-size:.9rem;padding:.5rem}.customers-table .address-cell{max-width:160px}}.report-wrapper{background-color:var(--bg-secondary);min-height:100vh}.report-container{margin:0 auto;max-width:1400px;padding:var(--spacing-xl) var(--spacing-lg)}.report-container h1{color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-lg) 0}.filters-section{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.filter-group{gap:var(--spacing-xs)}.filter-group label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.filter-group input,.filter-group select{border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--font-size-base);min-width:150px;padding:var(--spacing-sm) var(--spacing-md)}.filter-group input:focus,.filter-group select:focus{border-color:var(--primary-color);outline:none}.filter-buttons{display:flex;gap:var(--spacing-sm)}.clear-btn,.filter-btn{border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.filter-btn{background-color:var(--primary-color);border:none;color:var(--text-light)}.filter-btn:hover{background-color:var(--primary-dark)}.clear-btn{background-color:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-primary)}.clear-btn:hover{background-color:var(--border-light)}.summary-cards{grid-gap:var(--spacing-md);gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.summary-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.summary-card h3{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-sm) 0;text-transform:uppercase}.summary-card .summary-value{color:var(--primary-color);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:0}.orders-table-container{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.orders-table{border-collapse:collapse;width:100%}.orders-table td,.orders-table th{border-bottom:1px solid var(--border-light);padding:var(--spacing-md);text-align:left}.orders-table th{background-color:var(--secondary-dark);color:var(--text-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase}.orders-table tbody tr:hover{background-color:var(--bg-secondary)}.expanded-row{background-color:var(--bg-secondary)!important}.customer-name{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.customer-email{color:var(--text-secondary);font-size:var(--font-size-sm)}.total-cell{color:var(--text-primary);font-weight:var(--font-weight-bold)}.status-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.status-success{background-color:#d4edda;color:#155724}.status-pending{background-color:#fff3cd;color:#856404}.status-processing{background-color:#cce5ff;color:#004085}.status-cancelled{background-color:#f8d7da;color:#721c24}.status-default{background-color:var(--bg-secondary);color:var(--text-secondary)}.type-badge{border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm);text-transform:capitalize}.type-badge.online{background-color:#cce5ff;color:#004085}.type-badge.offline{background-color:#e2d5f1;color:#4a2c6a}.details-btn{background-color:var(--secondary-color);border:none;border-radius:var(--radius-sm);color:var(--text-light);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.details-btn:hover{background-color:var(--secondary-dark)}.order-details-row td{background-color:var(--bg-secondary);padding:0!important}.order-details{padding:var(--spacing-lg)}.order-details h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0}.items-table{background-color:var(--bg-primary);border-radius:var(--radius-sm);overflow:hidden;width:100%}.items-table td,.items-table th{border-bottom:1px solid var(--border-light);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.items-table th{background-color:var(--bg-secondary);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.items-table tbody tr:last-child td{border-bottom:none}.no-items-cell{color:var(--text-secondary);font-style:italic;text-align:center}.error,.loading,.no-orders{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xxl);text-align:center}.error{color:var(--btn-danger)}@media (max-width:1024px){.filters-section{align-items:stretch;flex-direction:column}.filter-group input,.filter-group select{width:100%}.filter-buttons{justify-content:center}}@media (max-width:768px){.orders-table-container{overflow-x:auto}.orders-table{min-width:800px}.summary-cards{grid-template-columns:repeat(2,1fr)}}.minimal-header{background:#fff;box-shadow:0 1px 2px #00000014;position:-webkit-sticky;position:sticky;top:0;z-index:100}.minimal-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:16px 24px}.minimal-logo{align-items:center;display:flex;text-decoration:none}.minimal-logo-image{height:40px;object-fit:contain;width:auto}.minimal-header-right{align-items:center;display:flex;gap:20px}.help-link{align-items:center;color:#878787;display:flex;font-size:14px;font-weight:500;gap:6px;text-decoration:none;transition:color .2s}.help-link:hover{color:#2874f0}.help-link svg{stroke:currentColor}@media (max-width:600px){.minimal-header-content{padding:12px 16px}.minimal-logo-image{height:32px}.help-link{font-size:13px}.help-link svg{height:16px;width:16px}}.minimal-footer{background:#fff;border-top:1px solid #e8e8e8;margin-top:auto;padding:20px 24px}.minimal-footer-content{flex-direction:column;margin:0 auto;max-width:1200px}.footer-links,.minimal-footer-content{align-items:center;display:flex;gap:12px}.footer-links{flex-wrap:wrap;justify-content:center}.footer-link{color:#878787;font-size:13px;text-decoration:none;transition:color .2s}.footer-link:hover{color:#2874f0;text-decoration:underline}.footer-divider{color:#e0e0e0;font-size:12px}.footer-copyright{color:#878787;font-size:12px}@media (max-width:600px){.minimal-footer{padding:16px}.footer-links{gap:8px}.footer-link{font-size:12px}.footer-copyright{font-size:11px}}.id-card-tab{margin:0 auto;max-width:520px}.id-card-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.orientation-toggle{background:#f0f0f0;border-radius:8px;display:flex;gap:.25rem;padding:4px}.orientation-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#555;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 14px;transition:background .2s,color .2s}.orientation-btn:hover{background:#0000000f;color:#333}.orientation-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1a365d}.print-id-btn{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background .2s}.print-id-btn:hover{background:#1d4ed8}.id-card-preview{background:#f5f5f5;border-radius:12px;display:flex;justify-content:center;padding:24px}.id-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001f;overflow:hidden}.id-card.vertical{width:320px}.id-card.vertical .id-card-header{background:linear-gradient(135deg,#1a365d,#2c5282);padding:24px 20px 48px;position:relative;text-align:center}.id-card.vertical .id-card-logo{filter:brightness(0) invert(1);height:36px;max-width:140px;object-fit:contain;width:auto}.id-card.vertical .id-card-tagline{color:#ffffffd9;font-size:11px;margin:6px 0 0}.id-card.vertical .id-card-photo-wrap{background:#e2e8f0;border:4px solid #38a169;border-radius:50%;bottom:-36px;height:80px;left:50%;overflow:hidden;position:absolute;transform:translateX(-50%);width:80px}.id-card.vertical .id-card-body{padding:48px 20px 20px}.id-card.vertical .id-card-name{color:#1a365d;font-size:18px;font-weight:700;margin:0 0 8px;text-align:center}.id-card.vertical .id-card-role-row{color:#64748b;font-size:13px;margin:0 0 12px;text-align:center}.id-card.vertical .id-card-member-id{color:#1e293b;font-weight:600}.id-card.vertical .id-card-contact{align-items:center;color:#475569;display:flex;font-size:12px;gap:10px;margin-bottom:6px}.id-card.vertical .id-card-icon{color:#64748b;flex-shrink:0}.id-card.vertical .id-card-divider{border:none;border-top:1px solid #e2e8f0;margin:14px 0}.id-card.vertical .id-card-company strong{color:#1a365d;display:block;font-size:14px;margin-bottom:4px}.id-card.vertical .id-card-company-address{color:#64748b;font-size:11px;line-height:1.4;margin:0}.id-card.vertical .id-card-footer{align-items:center;background:#1a365d;color:#fff;display:flex;font-size:12px;gap:8px;justify-content:center;padding:10px}.id-card.horizontal{width:520px}.id-card.horizontal .id-card-header{align-items:center;background:linear-gradient(135deg,#1a365d,#2c5282);display:flex;flex-direction:column;justify-content:center;padding:20px 16px;position:relative;width:180px}.id-card.horizontal .id-card-logo{filter:brightness(0) invert(1);height:28px;max-width:100px;object-fit:contain;width:auto}.id-card.horizontal .id-card-tagline{color:#ffffffd9;font-size:9px;margin:4px 0 0;text-align:center}.id-card.horizontal .id-card-photo-wrap{background:#e2e8f0;border:3px solid #38a169;border-radius:50%;height:64px;margin-top:12px;overflow:hidden;width:64px}.id-card.horizontal .id-card-body{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:16px 20px}.id-card.horizontal .id-card-name{color:#1a365d;font-size:16px;font-weight:700;margin:0 0 6px;text-align:left}.id-card.horizontal .id-card-role-row{color:#64748b;font-size:12px;margin:0 0 10px;text-align:left}.id-card.horizontal .id-card-contact{align-items:center;color:#475569;display:flex;font-size:11px;gap:8px;margin-bottom:4px}.id-card.horizontal .id-card-divider{border:none;border-top:1px solid #e2e8f0;margin:10px 0}.id-card.horizontal .id-card-company strong{color:#1a365d;display:block;font-size:12px;margin-bottom:2px}.id-card.horizontal .id-card-company-address{color:#64748b;font-size:10px;margin:0}.id-card.horizontal{display:grid;grid-template-columns:180px 1fr;grid-template-rows:1fr auto}.id-card.horizontal .id-card-header{grid-column:1;grid-row:1}.id-card.horizontal .id-card-body{grid-column:2;grid-row:1}.id-card.horizontal .id-card-footer{align-items:center;background:#1a365d;color:#fff;display:flex;font-size:11px;gap:6px;grid-column:1/-1;grid-row:2;justify-content:center;padding:8px}.id-card-photo,.id-card-photo-placeholder{height:100%;object-fit:cover;width:100%}.id-card-photo-placeholder{align-items:center;background:#e2e8f0;color:#64748b;display:flex;font-size:28px;font-weight:600;justify-content:center}.id-card-logo-bg{display:none}@media print{.id-card-controls{display:none!important}.id-card-tab{max-width:none}.id-card-preview{background:#0000;padding:0}}.profile-page{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.profile-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:900px;padding:30px 20px;width:100%}.profile-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;display:flex;gap:24px;margin-bottom:24px;padding:30px}.profile-avatar-wrapper{align-items:center;display:flex;flex-direction:column;flex-shrink:0;position:relative;width:100px}.profile-avatar{flex-shrink:0}.profile-avatar img{object-fit:cover}.avatar-placeholder,.profile-avatar img{border:4px solid #ffffff4d;border-radius:50%;height:100px;width:100px}.avatar-placeholder{background:#fff3;font-size:40px;font-weight:600;text-transform:uppercase}.avatar-placeholder,.avatar-upload-btn{align-items:center;display:flex;justify-content:center}.avatar-upload-btn{background:#f5a623;border:3px solid #fff;border-radius:50%;bottom:10px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;height:32px;position:absolute;right:-2px;transition:all .2s ease;width:32px}.avatar-upload-btn:hover{background:#e68a00;transform:scale(1.1)}.profile-customer-code{color:#fffffff2;display:block;font-size:14px;font-weight:600;letter-spacing:.05em;line-height:1.2;margin-top:14px;max-width:100%;padding-right:18px;text-align:center;word-break:break-word}.avatar-upload-btn svg,.uploading-spinner{height:16px;width:16px}.uploading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff}.profile-info h1{font-size:28px;font-weight:600;margin:0 0 8px}.profile-info .email{margin:0 0 12px;opacity:.9}.kyc-status-badge{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.badge{border-radius:20px;font-size:13px;padding:6px 14px}.badge-default{background:#fff3}.badge-warning{background:#ffc107;color:#000}.badge-success{background:#28a745}.badge-danger{background:#dc3545}.approved-date{font-size:12px;opacity:.8}.profile-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:8px;margin-bottom:24px;padding:8px}.tab{background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:14px 20px;transition:all .3s ease}.tab:hover{background:#f5f5f5}.tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.profile-content{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden}.tab-content{padding:30px}.section-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.section-header h2{color:#333;font-size:20px;margin:0}.btn-edit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:opacity .3s ease}.btn-edit:hover{opacity:.9}.profile-details{grid-gap:16px;display:grid;gap:16px}.detail-row{border-bottom:1px solid #f0f0f0;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#666;flex:0 0 150px;font-weight:500}.detail-row .value{color:#333;flex:1 1}.bank-form,.kyc-form,.profile-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;gap:20px}.form-row.three-col{grid-template-columns:1fr 1fr 1fr}.form-section-title{border-bottom:1px solid #eee;color:#667eea;font-size:16px;font-weight:600;margin:20px 0 12px;padding-bottom:8px}.form-section-title:first-of-type{margin-top:0}.detail-section-title{border-bottom:1px solid #eee;color:#667eea;font-size:14px;font-weight:600;letter-spacing:.5px;margin:20px 0 12px;padding-bottom:8px;text-transform:uppercase}.detail-section-title:first-of-type{margin-top:0}.referral-info-card{background:#f8f9fc;border:1px solid #e8eaef;border-radius:10px;margin-top:8px;padding:16px}.referral-info-card .detail-row{padding:8px 0}.referral-info-card .detail-row:first-child{padding-top:0}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea}.form-group textarea{min-height:80px}.form-actions{gap:12px;justify-content:flex-end;margin-top:10px}.btn-cancel,.btn-save{font-weight:500}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:12px 24px;transition:opacity .3s ease}.btn-save:hover{opacity:.9}.btn-save:disabled{cursor:not-allowed;opacity:.6}.bank-details{padding:20px 0}.bank-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;color:#fff;display:flex;gap:20px;padding:24px}.bank-icon{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.bank-icon svg{stroke:#fff;height:32px;width:32px}.bank-info h3{font-size:18px;margin:0 0 4px}.bank-info .branch{font-size:13px;margin:0 0 16px;opacity:.8}.bank-info .account-holder{font-size:15px;margin:0 0 8px}.bank-info .account-number{font-family:monospace;font-size:14px;letter-spacing:1px;margin:0 0 4px}.bank-info .ifsc{font-size:13px;margin:0 0 12px;opacity:.9}.account-type-badge{background:#ffffff26;border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.kyc-status-card{border-radius:12px;display:flex;gap:20px;margin-bottom:24px;padding:24px}.kyc-status-card.approved{background:linear-gradient(135deg,#d4edda,#c3e6cb)}.kyc-status-card.pending{background:linear-gradient(135deg,#fff3cd,#ffeeba)}.kyc-status-card.rejected{background:linear-gradient(135deg,#f8d7da,#f5c6cb)}.kyc-status-card.notsubmitted{background:linear-gradient(135deg,#e2e3e5,#d6d8db)}.status-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.kyc-status-card.approved .status-icon{background:#28a745}.kyc-status-card.pending .status-icon{background:#ffc107}.kyc-status-card.rejected .status-icon{background:#dc3545}.kyc-status-card.notsubmitted .status-icon{background:#6c757d}.status-icon svg{stroke:#fff;height:30px;width:30px}.status-info h3{color:#333;font-size:18px;margin:0 0 8px}.status-info p{color:#555;font-size:14px;margin:0}.rejection-reason{background:#fff5f5;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:24px;padding:16px}.kyc-form-section{border-top:1px solid #eee;margin-top:24px;padding-top:24px}.kyc-form-section h3{color:#333;margin:0 0 20px}.file-upload{position:relative}.file-upload input[type=file]{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.file-label{border:2px dashed #ddd;border-radius:8px;color:#666;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:center;transition:all .3s ease}.file-label:hover{background:#f8f9ff;border-color:#667eea}.file-hint{color:#888;font-size:12px;margin:8px 0 0}.kyc-history{border-top:1px solid #eee;margin-top:30px;padding-top:24px}.kyc-history h3{color:#333;margin:0 0 16px}.kyc-list{display:flex;flex-direction:column;gap:12px}.kyc-item{border:1px solid #eee;border-radius:10px;padding:16px}.kyc-item.approved{background:#f8fff8;border-color:#c3e6cb}.kyc-item.pending{background:#fffcf0;border-color:#ffeeba}.kyc-item.rejected{background:#fff8f8;border-color:#f5c6cb}.kyc-item-header{margin-bottom:12px}.doc-type{color:#333;font-weight:600}.status-badge{border-radius:12px;font-size:12px}.status-badge.approved{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.rejected{background:#f8d7da;color:#721c24}.kyc-item-details p{color:#666;font-size:13px;margin:4px 0}.kyc-item-details .rejection{color:#dc3545;font-weight:500}.error,.loading{color:#666;padding:60px 20px;text-align:center}.error{color:#dc3545}@media (max-width:768px){.profile-header{flex-direction:column;padding:24px;text-align:center}.profile-info h1{font-size:24px}.profile-customer-code{padding-right:0}.kyc-status-badge{justify-content:center}.profile-tabs{flex-direction:column}.form-row,.form-row.three-col{grid-template-columns:1fr}.detail-row{flex-direction:column;gap:4px}.detail-row .label{flex:none}.bank-card{flex-direction:column;text-align:center}.bank-icon{margin:0 auto}.kyc-status-card{flex-direction:column;text-align:center}.status-icon{margin:0 auto}.detail-section-title,.form-section-title{font-size:14px}}.admin-kyc-page{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.admin-kyc-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;padding:30px 20px;width:100%}.page-header{margin-bottom:30px}.page-header h1{color:#333;margin:0 0 8px}.message{border-radius:8px;font-weight:500;margin-bottom:20px;padding:14px 20px}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.stat-card{border-left:4px solid #0000;box-shadow:0 2px 8px #0000000d;cursor:pointer;padding:24px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.stat-card.pending{border-left-color:#ffc107}.stat-card.approved{border-left-color:#28a745}.stat-card.rejected{border-left-color:#dc3545}.stat-card.total{border-left-color:#667eea}.stat-number{color:#333;font-size:36px;font-weight:700}.stat-card.pending .stat-number{color:#ffc107}.stat-card.approved .stat-number{color:#28a745}.stat-card.rejected .stat-number{color:#dc3545}.stat-card.total .stat-number{color:#667eea}.stat-label{font-size:14px;margin-top:8px}.filter-tabs{display:flex;gap:8px;margin-bottom:20px}.filter-tab{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.filter-tab.active,.filter-tab:hover{border-color:#667eea}.filter-tab.active{background:#667eea;color:#fff}.kyc-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:400px 1fr;min-height:600px}.kyc-list-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.kyc-list{max-height:700px;overflow-y:auto}.kyc-list-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:16px 20px;transition:background .3s ease}.kyc-list-item:hover{background:#f8f9ff}.kyc-list-item.selected{background:#f0f3ff;border-left:3px solid #667eea}.kyc-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.username{color:#333;font-weight:600}.badge{border-radius:12px;font-size:11px;font-weight:500;padding:4px 10px}.badge-warning{background:#fff3cd;color:#856404}.badge-success{background:#d4edda;color:#155724}.badge-danger{background:#f8d7da;color:#721c24}.kyc-item-info p{color:#666;font-size:13px;margin:4px 0}.kyc-item-info strong{color:#888}.kyc-detail-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.kyc-detail{max-height:700px;overflow-y:auto;padding:24px}.detail-header h2{color:#333}.detail-section{border-bottom:1px solid #f0f0f0;padding-bottom:24px}.detail-section:last-of-type{border-bottom:none}.detail-section h3{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.detail-section.rejection{background:#fff5f5;border:1px solid #f5c6cb;border-radius:8px;padding:16px}.detail-section.rejection h3{color:#dc3545}.detail-section.rejection p{color:#721c24;margin:0}.info-item.full-width{grid-column:1/-1}.info-item label{color:#888;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#333;font-size:14px}.document-images{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.doc-image{display:flex;flex-direction:column;gap:8px}.doc-image label{color:#666;font-size:13px;font-weight:500}.doc-image a{border:1px solid #ddd;border-radius:8px;display:block;overflow:hidden;transition:border-color .3s ease}.doc-image a:hover{border-color:#667eea}.doc-image img{display:block;height:200px;object-fit:cover;width:100%}.image-placeholder{align-items:center;background:#f5f5f5;color:#999;display:flex;flex-direction:column;gap:8px;height:200px;justify-content:center;width:100%}.image-placeholder svg{height:40px;width:40px}.action-buttons{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.btn-approve{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 32px;transition:background .3s ease}.btn-approve:hover{background:#218838}.btn-approve:disabled{cursor:not-allowed;opacity:.6}.btn-reject{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 32px;transition:background .3s ease}.btn-reject:hover{background:#c82333}.btn-reject:disabled{cursor:not-allowed;opacity:.6}.empty-detail,.empty-state,.loading{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-detail svg,.empty-state svg{stroke:#ccc;height:60px;margin-bottom:16px;width:60px}.modal-content{width:90%}.modal-content h3{color:#dc3545;margin:0 0 12px}.modal-content p{color:#666;margin:0 0 16px}.modal-content textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;resize:vertical;width:100%}.modal-content textarea:focus{border-color:#dc3545;outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn-cancel{background:#f5f5f5;border-radius:8px;color:#666;font-size:14px;padding:12px 24px;transition:background .3s ease}.btn-cancel:hover{background:#e5e5e5}@media (max-width:1024px){.stats-cards{grid-template-columns:repeat(2,1fr)}.kyc-content{grid-template-columns:1fr}.kyc-list-panel{max-height:400px}}@media (max-width:768px){.stats-cards{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-number{font-size:28px}.filter-tabs{flex-wrap:wrap}.document-images,.info-grid{grid-template-columns:1fr}}.order-history-wrapper{background-color:#f5f5f5;min-height:100vh}.order-history-container{margin:0 auto;max-width:1400px;padding:24px}.order-history-header{margin-bottom:24px}.order-history-header h1{color:#111;font-size:28px;font-weight:600;margin:0 0 4px}.order-history-header p{color:#666;font-size:14px;margin:0}.loading-spinner p{color:#666;margin-top:16px}.error-message{background-color:#fff0f0;border:1px solid #ffccc7;border-radius:8px;color:#cf1322;margin-bottom:20px;padding:12px 16px}.no-orders{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.no-orders svg{color:#ccc;margin-bottom:20px}.no-orders h3{color:#333;font-size:20px;margin:0 0 8px}.no-orders p{color:#666;margin:0 0 24px;text-align:center}.shop-now-btn{background:linear-gradient(180deg,#f7dfa5,#f0c14b);border:1px solid #a88734;border-radius:4px;color:#111;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.shop-now-btn:hover{background:linear-gradient(180deg,#f5d78e,#eeb933)}.orders-content{grid-template-columns:380px 1fr}.orders-list{max-height:calc(100vh - 100px);min-height:calc(100vh - 160px);overflow-y:auto;padding-right:8px}.orders-list::-webkit-scrollbar{width:6px}.orders-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.orders-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.orders-list::-webkit-scrollbar-thumb:hover{background:#999}.order-card{background:#fff;border:2px solid #0000;box-shadow:0 1px 3px #00000014;padding:16px;transition:all .2s ease}.order-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.order-card.active{box-shadow:0 4px 12px #f903}.order-card-header{align-items:flex-start;margin-bottom:12px}.order-id{display:flex;flex-direction:column}.order-id .label{color:#888;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.order-id .value{color:#111;font-size:16px;font-weight:600}.order-status{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px;text-transform:capitalize}.order-status svg{height:14px;width:14px}.order-status.large{font-size:14px;padding:6px 14px}.order-status.large svg{height:18px;width:18px}.status-processing{background:#e6f7ff;color:#0050b3}.status-shipped{background:#f0f5ff;color:#1d39c4}.status-cancelled{background:#fff1f0;color:#cf1322}.order-card-body{display:flex;flex-direction:column;gap:8px}.order-date{align-items:center;color:#666;display:flex;font-size:13px;gap:6px}.order-date svg{color:#999}.order-meta-row{align-items:center;color:#555;display:flex;flex-wrap:wrap;font-size:12px;gap:10px}.order-type-badge{background:#e8f4fd;border-radius:4px;color:#096dd9;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.order-type-badge.detail{font-size:12px;margin-left:8px;padding:4px 10px}.order-seller{color:#666}.order-points-row{color:#555;display:flex;font-size:12px;gap:12px}.order-points-row .points-used{color:#d46b08}.order-points-row .points-earned{color:#389e0d}.order-points-row .points-none{color:#999}.order-summary{align-items:center;display:flex;justify-content:space-between}.items-count{color:#666;font-size:13px}.order-total{font-size:16px}.order-detail-panel{max-height:calc(100vh - 100px);min-height:calc(100vh - 160px)}.detail-header{flex-direction:column;gap:16px;padding-bottom:20px}.detail-header-top{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.detail-header-main{flex-wrap:wrap;gap:10px}.detail-meta-grid{grid-gap:12px 24px;border-bottom:1px solid #eee;border-top:1px solid #eee;display:grid;gap:12px 24px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:8px;padding:12px 0;width:100%}.detail-meta-item{display:flex;flex-direction:column;gap:2px}.detail-meta-label{color:#888;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.detail-meta-value{color:#333;font-size:14px;font-weight:500}.detail-header-main{align-items:center;display:flex;gap:12px}.detail-header h2{font-size:22px;font-weight:600}.cancel-order-btn{background:#fff;border:1px solid #dc3545;border-radius:6px;color:#dc3545;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px}.cancel-order-btn:hover{background:#dc3545;color:#fff}.no-selection p{font-size:15px;margin:0}.tracking-section{margin-bottom:32px}.tracking-section h3{color:#111;font-size:16px;font-weight:600;margin:0 0 20px}.tracking-timeline{display:flex;justify-content:space-between;padding:0 10px;position:relative}.tracking-step{flex:1 1;flex-direction:column}.step-indicator,.tracking-step{align-items:center;display:flex;position:relative}.step-indicator{width:100%}.step-circle{align-items:center;background:#eee;border:3px solid #ddd;border-radius:50%;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px;z-index:1}.tracking-step.completed .step-circle{background:#52c41a;border-color:#52c41a}.tracking-step.completed .step-circle svg{color:#fff}.tracking-step.current .step-circle{background:#f90;border-color:#f90;box-shadow:0 0 0 4px #f903}.tracking-step.current .step-circle svg{color:#fff}.step-line{background:#eee;flex:1 1;height:3px;margin:0 -5px}.tracking-step.completed.line-complete .step-line{background:#52c41a}.tracking-step:last-child .step-line{display:none}.step-label{color:#888;font-size:12px;font-weight:500;margin-top:10px;text-align:center}.tracking-step.completed .step-label,.tracking-step.current .step-label{color:#333}.order-items-section{margin-bottom:24px}.order-items-section h3{color:#111;font-size:16px;font-weight:600;margin:0 0 16px}.order-items-list{display:flex;flex-direction:column;gap:16px}.order-item-card{background:#fafafa;border:1px solid #eee;border-radius:12px;overflow:hidden}.order-item-main{align-items:center;display:flex;gap:16px;padding:16px}.item-delivery-info{background:#f0f7ff;border-top:1px solid #e0e8f0;padding:12px 16px}.delivery-status-row{align-items:center;display:flex;gap:16px;margin-bottom:8px}.item-delivery-status{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.item-delivery-status.pending{background:#fff7e6;color:#d46b08}.item-delivery-status.processing{background:#e6f7ff;color:#0050b3}.item-delivery-status.shipped{background:#f0f5ff;color:#1d39c4}.item-delivery-status.outfordelivery{background:#fff1f0;color:#cf1322}.item-delivery-status.delivered{background:#f6ffed;color:#389e0d}.item-delivery-status.cancelled{background:#fff1f0;color:#cf1322}.tracking-number{color:#666;font-family:monospace;font-size:12px}.delivery-date-row{align-items:center;display:flex;gap:8px}.delivered-date,.expected-date,.no-date{align-items:center;display:flex;font-size:13px;gap:6px}.expected-date,.expected-date svg{color:#1890ff}.delivered-date{color:#52c41a;font-weight:500}.delivered-date svg{color:#52c41a}.no-date{color:#999;font-style:italic}.delivery-notes{background:#fff;border-radius:6px;color:#666;font-size:12px;margin-top:8px;padding:8px}.delivery-notes .notes-label{color:#333;font-weight:600}.order-item{align-items:center;background:#fafafa;border:1px solid #eee;border-radius:10px;display:flex;gap:16px;padding:16px}.item-image{background:#fff;border:1px solid #eee;border-radius:8px;height:80px;object-fit:cover;width:80px}.item-details{flex:1 1}.item-name{color:#111;font-size:15px;font-weight:500;margin:0 0 8px}.item-name.clickable{color:#0066c0;cursor:pointer}.item-name.clickable:hover{color:#c45500;text-decoration:underline}.item-meta{color:#666;display:flex;flex-wrap:wrap;font-size:13px;gap:16px}.item-seller{color:#555;font-size:12px}.item-total{color:#111;font-size:16px;font-weight:600;white-space:nowrap}.order-total-section{border-top:2px solid #eee;padding-top:20px}.total-row{align-items:center;display:flex;font-size:16px;justify-content:space-between}.total-amount{color:#b12704;font-size:22px;font-weight:700}@media (max-width:900px){.orders-content{grid-template-columns:1fr}.orders-list{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;padding-bottom:8px}.order-card{flex-shrink:0;min-width:280px}.order-detail-panel{max-height:none}}@media (max-width:600px){.order-history-container{padding:16px}.order-history-header h1{font-size:22px}.tracking-timeline{flex-direction:column;gap:0}.tracking-step{align-items:flex-start;flex-direction:row;margin-bottom:24px;padding:0}.tracking-step:last-child{margin-bottom:0}.step-indicator{flex-direction:column;width:auto}.step-line{height:30px;margin:5px 0;width:3px}.step-label{margin-left:16px;margin-top:0;text-align:left}.order-item{flex-wrap:wrap}.item-image{height:60px;width:60px}.item-total{border-top:1px dashed #ddd;margin-top:8px;padding-top:8px;text-align:right;width:100%}}.network-wrapper{background-color:#f5f5f5;min-height:100vh}.network-container{margin:0 auto;max-width:1200px;padding:24px}.network-header{margin-bottom:24px}.network-header h1{color:#111;font-size:28px;font-weight:600;margin:0 0 4px}.network-header p{color:#666;font-size:14px;margin:0}.referral-link-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:24px;padding:24px}.referral-link-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.referral-link-header h3{font-size:18px;font-weight:600;margin:0}.referral-link-content{margin-bottom:20px}.link-box{display:flex;gap:8px;margin-bottom:12px}.link-box input{background:#fffffff2;border:none;border-radius:8px;color:#333;flex:1 1;font-size:14px;padding:12px 16px}.copy-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:12px 20px;transition:all .2s}.copy-btn:hover{background:#ffffff4d}.copy-btn.copied{background:#52c41a;border-color:#52c41a}.referral-code{font-size:14px;margin:0;opacity:.9}.referral-code strong{font-family:monospace;font-size:16px;letter-spacing:1px}.benefit-note{border-top:1px solid #fff3;font-size:12px;margin:12px 0 0;opacity:.9;padding-top:12px}.invite-form{border-top:1px solid #fff3;display:flex;gap:8px;padding-top:16px}.invite-form input{border:none;border-radius:8px;flex:1 1;font-size:14px;padding:12px 16px}.invite-form button{background:#f90;border:none;border-radius:8px;color:#111;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.invite-form button:hover:not(:disabled){background:#e68a00}.invite-form button:disabled{cursor:not-allowed;opacity:.7}.max-level-warning{background:#ffffff1a;border-radius:8px;font-size:14px;padding:12px 16px;text-align:center}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px}.stat-card{background:#fff;box-shadow:0 1px 3px #0000001a;gap:16px;padding:20px}.stat-card,.stat-icon{align-items:center;border-radius:12px;display:flex}.stat-icon{height:50px;justify-content:center;width:50px}.stat-icon svg{color:#fff;height:26px;width:26px}.stat-icon.direct{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.total{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.upline{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-content{display:flex;flex-direction:column}.stat-value{color:#111;font-size:28px;line-height:1}.stat-label{font-size:13px;margin-top:4px}.network-tabs{border-bottom:2px solid #eee;display:flex;gap:8px;margin-bottom:20px;padding-bottom:12px}.tab-btn{border-radius:8px;padding:10px 20px}.tab-btn:hover{background:#f5f5f5;color:#333}.tab-btn.active{background:#f90;color:#111}.tab-content{box-shadow:0 1px 3px #0000001a}.overview-section h3{color:#111;font-size:16px;font-weight:600;margin:0 0 20px}.level-bars{display:flex;flex-direction:column;gap:12px}.level-bar-row{align-items:center;display:flex;gap:12px}.level-label{color:#666;font-size:14px;width:70px}.level-bar-container{flex:1 1}.level-bar{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:12px;height:100%;transition:width .5s ease}.level-count{color:#111;font-weight:600;width:40px}.referrer-info{border-top:1px solid #eee;margin-top:32px;padding-top:24px}.referrer-info h4{color:#666;font-size:14px;margin:0 0 12px}.referrer-card{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;gap:12px;padding:16px}.referrer-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:600;height:48px;justify-content:center;width:48px}.referrer-details{display:flex;flex-direction:column}.referrer-name{color:#111;font-size:16px;font-weight:600}.referrer-level{color:#666;font-size:13px}.legs-list{display:flex;flex-direction:column;gap:16px}.leg-card{border:1px solid #eee;border-radius:12px;overflow:hidden}.leg-header{align-items:center;background:#fafafa;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s}.leg-header:hover{background:#f0f0f0}.leg-info{gap:14px}.leg-avatar,.leg-info{align-items:center;display:flex}.leg-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:18px;font-weight:600;height:44px;justify-content:center;width:44px}.leg-details{display:flex;flex-direction:column;gap:2px}.leg-name{color:#111;font-size:15px;font-weight:600}.leg-email{color:#666;font-size:13px}.leg-date{color:#999;font-size:12px}.leg-stats{align-items:center;display:flex;gap:16px}.leg-depth,.leg-members{background:#eee;border-radius:12px;color:#666;font-size:13px;padding:4px 10px}.expand-icon{color:#999;transition:transform .2s}.expand-icon.expanded{transform:rotate(180deg)}.leg-members-list{border-top:1px solid #eee;padding:20px}.level-breakdown{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.level-chip{background:#e8f4fd;border-radius:12px;color:#1890ff;font-size:12px;font-weight:500;padding:4px 10px}.members-table{border-collapse:collapse;width:100%}.members-table td,.members-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.members-table th{color:#888;font-size:12px;font-weight:600;text-transform:uppercase}.member-info{display:flex;flex-direction:column}.member-name{color:#111;font-weight:500}.member-email{color:#888;font-size:12px}.level-badge-sm{background:#667eea;border-radius:10px;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.upline-tree{padding:20px 0}.upline-member,.upline-tree{align-items:center;display:flex;flex-direction:column}.upline-connector{height:30px;position:relative;width:2px}.connector-line{background:linear-gradient(180deg,#667eea,#764ba2);height:100%;position:absolute;width:2px}.upline-card{background:#f8f9fa;border:1px solid #eee;border-radius:12px;gap:12px;padding:14px 20px}.upline-avatar,.upline-card{align-items:center;display:flex}.upline-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.upline-info{display:flex;flex-direction:column}.upline-name{color:#111;font-weight:600}.upline-level{color:#666;font-size:12px}.level-bar.self-bar{background:linear-gradient(90deg,#4facfe,#00f2fe)}.network-tree-section h3{color:#111;font-size:16px;font-weight:600;margin:0 0 16px}.tree-privacy-note{color:#666;font-size:13px;line-height:1.4;margin:-8px 0 16px}.tree-private-placeholder{color:#bbb}.tree-table-wrap{overflow-x:auto}.network-tree-table{border-collapse:collapse;width:100%}.network-tree-table td,.network-tree-table th{border-bottom:1px solid #eee;padding:10px 12px;text-align:left;vertical-align:middle}.network-tree-table th{color:#888;font-size:12px;font-weight:600;text-transform:uppercase}.network-tree-table .col-expand{text-align:center;width:44px}.network-tree-table .col-id{width:70px}.network-tree-table .tree-toggle{align-items:center;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;color:#555;cursor:pointer;display:inline-flex;font-size:16px;height:28px;justify-content:center;line-height:1;transition:background .2s,border-color .2s;width:28px}.network-tree-table .tree-toggle:hover{background:#eee;border-color:#ccc}.network-tree-table .tree-toggle-placeholder{display:inline-block;height:28px;width:28px}.network-tree-table .tree-row[data-depth="0"] .col-name{color:#111;font-weight:600}.network-tree-table tbody tr:hover{background:#fafafa}.kyc-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.kyc-badge.kyc-approved{background:#f6ffed;color:#389e0d}.kyc-badge.kyc-pending{background:#fff7e6;color:#d46b08}.kyc-badge.kyc-notsubmitted{background:#f5f5f5;color:#666}.kyc-badge.kyc-rejected{background:#fff1f0;color:#cf1322}.downline-table-section h3{color:#111;font-size:16px;font-weight:600;margin:0 0 16px}.table-wrap{overflow-x:auto}.downline-table{border-collapse:collapse;width:100%}.downline-table td,.downline-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.downline-table th{color:#888;font-size:12px;font-weight:600;text-transform:uppercase}.downline-table tbody tr:hover{background:#fafafa}.leg-cell{display:flex;flex-direction:column;gap:2px}.leg-email-sm{color:#888;font-size:11px}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-state svg{color:#ccc;margin-bottom:16px}.empty-state h4{color:#333;font-size:18px;margin:0 0 8px}.empty-state p{color:#666;margin:0;max-width:300px}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.network-container{padding:16px}.stats-grid{grid-template-columns:1fr}.invite-form,.leg-header,.link-box{flex-direction:column}.leg-header{align-items:flex-start;gap:12px}.leg-stats{justify-content:space-between;width:100%}.network-tabs{flex-wrap:nowrap;overflow-x:auto}.tab-btn{white-space:nowrap}}.seller-orders-wrapper{background-color:#f5f5f5;min-height:100vh}.seller-orders-container{margin:0 auto;max-width:1400px;padding:24px}.page-header{margin-bottom:24px}.page-header h1{color:#111;font-size:28px;font-weight:600;margin:0 0 4px}.page-header p{color:#666;margin:0}.loading-spinner{flex-direction:column;padding:80px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #eee;border-radius:50%;border-top-color:#f90;height:50px;width:50px}.error-banner{background-color:#fff0f0;border:1px solid #ffccc7;color:#cf1322}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.summary-card{border-left:4px solid;box-shadow:0 1px 3px #0000001a;text-align:center}.summary-card.total{border-left-color:#1890ff}.summary-card.pending{border-left-color:#faad14}.summary-card.processing{border-left-color:#722ed1}.summary-card.shipped{border-left-color:#13c2c2}.summary-card.outfordelivery{border-left-color:#2f54eb}.summary-card.delivered{border-left-color:#52c41a}.summary-card.revenue{border-left-color:#eb2f96}.card-value{color:#111;display:block;font-size:28px}.filters-section{align-items:flex-end;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:16px 24px;padding:16px 20px}.filter-group{align-items:flex-start}.filter-group label{color:#333;font-size:13px}.filter-group input[type=date],.filter-group select{border:1px solid #ddd;border-radius:8px;font-size:14px;min-width:160px;padding:8px 12px}.filter-group select{min-width:180px}.filter-actions{margin-left:auto}.clear-filters-btn{background:#fff;border:1px solid #ddd;border-radius:8px;color:#555;cursor:pointer;font-size:14px;padding:8px 16px}.clear-filters-btn:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.clear-filters-btn:disabled{cursor:not-allowed;opacity:.6}.orders-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:400px 1fr}.orders-list-panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;max-height:calc(100vh - 320px);overflow-y:auto;padding:20px}.orders-list-panel h3{color:#333;font-size:16px;margin:0 0 16px}.orders-list{display:flex;flex-direction:column;gap:12px}.order-card{border:1px solid #eee;border-radius:10px;cursor:pointer;padding:14px;transition:all .2s}.order-card:hover{border-color:#ddd;box-shadow:0 2px 8px #00000014}.order-card.active{background:#fffbf0;border-color:#f90}.order-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.order-id{color:#333;font-size:14px;font-weight:600}.delivery-status{border-radius:12px;font-size:11px;font-weight:600;padding:3px 10px}.status-pending{background:#fff7e6;color:#d46b08}.status-processing{background:#f9f0ff;color:#722ed1}.status-shipped{background:#e6fffb;color:#08979c}.status-outfordelivery{background:#fff1f0;color:#cf1322}.status-delivered{background:#f6ffed;color:#389e0d}.status-cancelled{background:#f5f5f5;color:#595959}.product-info{display:flex;gap:10px;margin-bottom:10px}.product-info img{border:1px solid #eee;border-radius:6px;height:50px;object-fit:cover;width:50px}.product-details{display:flex;flex-direction:column;gap:2px}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:13px;font-weight:500;overflow:hidden}.product-qty{color:#888;font-size:12px}.order-meta{color:#666;display:flex;font-size:12px;justify-content:space-between}.order-total{color:#111;font-weight:600}.expected-delivery{border-top:1px dashed #eee;color:#1890ff;font-size:11px;margin-top:8px;padding-top:8px}.order-detail-panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;max-height:calc(100vh - 320px);overflow-y:auto;padding:24px}.detail-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.detail-header h2{color:#111;font-size:20px;margin:0}.edit-btn{background:linear-gradient(180deg,#f7dfa5,#f0c14b);border:1px solid #a88734;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.edit-btn:hover{background:linear-gradient(180deg,#f5d78e,#eeb933)}.detail-section{margin-bottom:24px}.detail-section h4{color:#888;font-size:14px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.product-detail-card{background:#fafafa;border-radius:10px;display:flex;gap:16px;padding:16px}.product-detail-card img{border:1px solid #eee;border-radius:8px;height:100px;object-fit:cover;width:100px}.product-detail-card .product-info h5{color:#111;font-size:16px;margin:0 0 8px}.product-detail-card .product-desc{color:#666;font-size:13px;margin:0 0 12px}.price-info{color:#666;display:flex;font-size:14px;gap:16px}.price-info strong{color:#111}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.info-item{display:flex;flex-direction:column;gap:4px}.info-item.full-width{grid-column:span 2}.info-item .label{color:#888;font-size:12px}.info-item .value{color:#333;font-size:14px}.info-item .value.tracking{background:#f5f5f5;border-radius:4px;font-family:monospace;padding:4px 8px}.status-badge{border-radius:20px;display:inline-block;font-size:13px;padding:4px 12px}.customer-card{background:#f8f9fa;border-radius:10px;padding:16px}.customer-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.customer-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:44px;justify-content:center;width:44px}.customer-info{display:flex;flex-direction:column}.customer-name{color:#111;font-weight:600}.customer-email{color:#666;font-size:13px}.customer-details{display:flex;flex-direction:column;gap:8px}.detail-row{align-items:flex-start;color:#444;display:flex;font-size:13px;gap:8px}.detail-row .icon{flex-shrink:0}.alt-phone{color:#888}.history-list{display:flex;flex-direction:column}.history-item{display:flex;gap:12px;padding:12px 0}.history-icon{align-items:center;display:flex;flex-direction:column;width:20px}.history-icon .dot{background:#1890ff;border-radius:50%;height:12px;width:12px}.history-icon .line{background:#e8e8e8;flex:1 1;margin-top:4px;width:2px}.history-content{flex:1 1;font-size:13px}.history-header{display:flex;justify-content:space-between;margin-bottom:4px}.status-change .old{color:#999;text-decoration:line-through}.status-change .new{color:#1890ff;font-weight:500}.history-date{color:#999;font-size:11px}.date-change,.history-notes{color:#666;margin:4px 0}.changed-by{color:#999;font-size:11px}.no-selection{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.no-selection svg{margin-bottom:16px;opacity:.5}.empty-state{color:#999;padding:40px;text-align:center}.modal-overlay{bottom:0;left:0;right:0;top:0}.modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header h3{font-size:18px;margin:0}.close-btn{color:#999}.close-btn:hover{color:#333}.modal-body{padding:24px}.form-group label{color:#333;font-size:14px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f90;outline:none}.modal-footer{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.cancel-btn{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:10px 20px}.cancel-btn:hover{background:#f5f5f5}.save-btn{background:#f90;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px}.save-btn:hover:not(:disabled){background:#e68a00}.save-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1200px){.summary-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.orders-content{grid-template-columns:1fr}.order-detail-panel,.orders-list-panel{max-height:none}.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.seller-orders-container{padding:16px}.info-grid,.summary-cards{grid-template-columns:1fr}}.seller-commission-wrapper{display:flex;flex-direction:column;min-height:100vh}.seller-commission-container{flex:1 1;margin:0 auto;max-width:900px;padding:24px 20px}.seller-commission-container h1{color:#1a1a1a;font-size:1.75rem;margin-bottom:8px}.commission-summary-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.summary-card.balance{background:#fffbeb;border-color:#f59e0b}.summary-card .card-value.paid{color:#059669}.summary-card .card-hint{color:#9ca3af;font-size:.75rem}.summary-card .card-hint.rejected{color:#dc2626}.payment-status-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.summary-card.paid-by-seller{background:#eff6ff;border-color:#3b82f6}.summary-card.confirmed{background:#ecfdf5;border-color:#059669}.summary-card.confirmed .card-value{color:#059669}.summary-card.status-breakdown{background:#fffbeb;border-color:#f59e0b}.status-breakdown-list{display:flex;flex-direction:column;gap:4px}.action-bar{margin-bottom:24px}.submit-payment-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 20px}.submit-payment-btn:hover{background:#1d4ed8}.section{margin-bottom:28px}.section h2{color:#374151;font-size:1.15rem;margin-bottom:12px}.commissions-table-wrap,.payments-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.commissions-table,.payments-table{border-collapse:collapse;width:100%}.commissions-table td,.commissions-table th,.payments-table td,.payments-table th{border-bottom:1px solid #e5e7eb;font-size:.9rem;padding:12px 16px;text-align:left}.commissions-table th,.payments-table th{background:#f9fafb;color:#374151;font-weight:600}.status-confirmed{background:#d1fae5;color:#065f46}.status-pending{background:#fef3c7;color:#92400e}.status-rejected{background:#fee2e2;color:#991b1b}.payment-modal{background:#fff;border-radius:12px;max-width:480px;padding:24px;width:100%}.payment-modal h2{font-size:1.25rem;margin:0 0 20px}.payment-modal .form-group{margin-bottom:16px}.payment-modal label{display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.payment-modal input,.payment-modal select,.payment-modal textarea{border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:10px 12px;width:100%}.payment-modal .error-msg{background:#fee2e2;border-radius:6px;color:#991b1b;margin-bottom:16px;padding:10px 12px}.modal-buttons{display:flex;gap:12px;margin-top:20px}.modal-buttons button{border-radius:6px;cursor:pointer;font-size:.95rem;padding:10px 20px}.modal-buttons .primary-btn{background:#2563eb;border:none;color:#fff}.modal-buttons .primary-btn:hover:not(:disabled){background:#1d4ed8}.loading{color:#6b7280;padding:40px}.points-page{background:#f5f5f5;min-height:100vh}.points-container{margin:0 auto;max-width:1200px;padding:24px}.page-title{margin-bottom:24px}.points-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.summary-card{align-items:center;border-radius:12px;box-shadow:0 2px 8px #0000000f;gap:16px;transition:transform .2s,box-shadow .2s}.summary-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.card-icon{align-items:center;border-radius:12px;display:flex;font-size:36px;height:60px;justify-content:center;width:60px}.balance-card .card-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.earned-card .card-icon{background:linear-gradient(135deg,#11998e,#38ef7d)}.self-card .card-icon{background:linear-gradient(135deg,#f5a623,#f7931e)}.referral-card .card-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.card-content{display:flex;flex-direction:column}.card-label{color:#666;font-size:13px;margin-bottom:4px}.card-value{color:#333;font-size:24px;font-weight:700}.card-subtitle{color:#999;font-size:12px;margin-top:2px}.points-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.tab-btn:hover{color:#f5a623}.tab-btn.active{background:#f5a623;border-bottom-color:#f5a623;border-radius:6px 6px 0 0;color:#fff}.tab-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px}.tab-content h2{color:#333;font-size:20px;font-weight:600;margin-bottom:20px}.level-earnings-chart{display:flex;flex-direction:column;gap:16px}.level-bar-item{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:180px 1fr 120px}.level-info{align-items:center;display:flex;justify-content:space-between}.level-name{color:#333;font-size:14px;font-weight:500}.level-points{color:#f5a623;font-size:14px;font-weight:600}.level-bar-container{background:#f0f0f0;border-radius:12px;height:24px;overflow:hidden}.level-bar-fill{background:linear-gradient(90deg,#f5a623,#f7931e);border-radius:12px;height:100%;min-width:4px;transition:width .5s ease}.level-count{color:#999;font-size:12px;text-align:right}.transactions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.transactions-header h2{margin-bottom:0}.filter-select{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:14px;padding:8px 16px}.transactions-list{gap:12px}.transaction-item{background:#fafafa;border:1px solid #eee;border-radius:10px;display:flex;gap:16px;padding:16px;transition:border-color .2s}.transaction-item:hover{border-color:#f5a623}.txn-icon{align-items:center;background:#fff;border-radius:10px;display:flex;flex-shrink:0;font-size:28px;height:48px;justify-content:center;width:48px}.txn-details{flex:1 1}.txn-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.txn-type{color:#333;font-size:15px;font-weight:600}.txn-amount{font-size:16px;font-weight:700}.txn-amount.positive{color:#22c55e}.txn-amount.negative{color:#ef4444}.txn-sub{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.txn-description{color:#666;font-size:13px}.txn-source{background:#fef7e0;border-radius:4px;color:#f5a623;font-size:12px;padding:2px 8px}.txn-meta{display:flex;flex-wrap:wrap;gap:16px}.txn-balance,.txn-date,.txn-order,.txn-order-no{color:#666;font-size:12px}.txn-order-no{font-family:ui-monospace,monospace;font-weight:500}.txn-purchase-type{border-radius:4px;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.txn-purchase-type.online{background:#e0f2fe;color:#0369a1}.txn-purchase-type.offline{background:#fef3c7;color:#92400e}.txn-balance{color:#999}.pagination{margin-top:24px}.pagination span{color:#666;font-size:14px}.how-it-works-section{display:flex;flex-direction:column;gap:24px}.example-card,.info-card{background:#f9fafb;border-left:4px solid #f5a623;border-radius:10px;padding:20px}.example-card h3,.info-card h3{color:#333;font-size:16px;font-weight:600;margin-bottom:12px}.example-card p,.info-card p{color:#555;font-size:14px;line-height:1.6}.example-card ul{color:#555;font-size:14px;line-height:1.8;margin:12px 0 0 20px}.levels-table{overflow-x:auto}.levels-table h3{color:#333;font-size:16px;font-weight:600;margin-bottom:16px}.levels-table table{border-collapse:collapse;font-size:14px;width:100%}.levels-table th{background:#f5a623;color:#fff;font-weight:600;padding:12px 16px;text-align:left}.levels-table th:first-child{border-radius:8px 0 0 0}.levels-table th:last-child{border-radius:0 8px 0 0}.levels-table td{border-bottom:1px solid #eee;color:#333;padding:12px 16px}.levels-table tr:hover td{background:#fef7e0}.levels-table .level-cell{color:#f5a623;font-weight:600}.levels-table .percentage-cell{color:#22c55e;font-weight:700}.no-data{color:#999;padding:48px}.no-data p{font-size:16px}.loading-spinner{align-items:center;color:#666;display:flex;font-size:16px;justify-content:center;min-height:400px}@media (max-width:992px){.points-summary{grid-template-columns:repeat(2,1fr)}.level-bar-item{gap:8px;grid-template-columns:1fr}.level-count{text-align:left}}@media (max-width:600px){.points-container{padding:16px}.points-summary{grid-template-columns:1fr}.summary-card{padding:16px}.card-icon{font-size:28px;height:50px;width:50px}.card-value{font-size:20px}.points-tabs{overflow-x:auto}.tab-btn{padding:10px 16px;white-space:nowrap}.transactions-header{align-items:flex-start;flex-direction:column;gap:12px}.filter-select{width:100%}.transaction-item{flex-direction:column;gap:12px}.txn-icon{font-size:24px;height:40px;width:40px}}.wallet-page{background:#f5f5f5;min-height:100vh}.wallet-container{margin:0 auto;max-width:1100px;padding:24px}.wallet-page-title{color:#333;font-size:28px;font-weight:600;margin-bottom:24px}.wallet-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:28px}.wallet-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s}.wallet-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.wallet-card-icon{align-items:center;border-radius:12px;display:flex;font-size:36px;height:56px;justify-content:center;width:56px}.balance-card .wallet-card-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.credits-card .wallet-card-icon{background:linear-gradient(135deg,#11998e,#38ef7d)}.debits-card .wallet-card-icon{background:linear-gradient(135deg,#eb3349,#f45c43)}.wallet-card-content{display:flex;flex-direction:column}.wallet-card-label{color:#666;font-size:13px;margin-bottom:4px}.wallet-card-value{color:#222;font-size:22px;font-weight:700}.wallet-card-sub{color:#888;font-size:12px;margin-top:2px}.wallet-tabs{border-bottom:1px solid #e0e0e0;display:flex;gap:8px;margin-bottom:20px}.wallet-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:15px;margin-bottom:-1px;padding:12px 20px;transition:color .2s,border-color .2s}.wallet-tab:hover{color:#333}.wallet-tab.active{border-bottom-color:#667eea;color:#667eea;font-weight:600}.wallet-tab-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px}.wallet-report-section .report-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.wallet-redeem-section h2,.wallet-report-section h2,.wallet-vouchers-section h2{color:#333;font-size:18px;margin:0 0 8px}.wallet-filter-select{background:#fff;border:1px solid #ddd;border-radius:8px;font-size:14px;padding:8px 12px}.wallet-table-wrap{overflow-x:auto}.wallet-table{border-collapse:collapse;font-size:14px;width:100%}.wallet-table th{background:#f8f8f8;color:#555;font-weight:600;padding:12px 10px;text-align:left}.wallet-table td{border-bottom:1px solid #eee;padding:12px 10px}.wallet-table tbody tr:hover{background:#fafafa}.tx-type-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.tx-type-badge.credit{background:#e6f7ed;color:#0d8050}.tx-type-badge.debit{background:#ffebe6;color:#c23934}.amount-credit{color:#0d8050;font-weight:600}.amount-debit{color:#c23934;font-weight:600}.no-data-cell{color:#888;padding:32px!important;text-align:center}.wallet-loading{color:#666;padding:32px;text-align:center}.wallet-pagination{align-items:center;border-top:1px solid #eee;display:flex;gap:16px;justify-content:center;margin-top:20px;padding-top:16px}.wallet-pagination button{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px}.wallet-pagination button:disabled{cursor:not-allowed;opacity:.5}.wallet-pagination button:not(:disabled):hover{background:#f5f5f5}.redeem-info{color:#666;font-size:14px;margin-bottom:20px}.redeem-form{max-width:400px}.redeem-field{margin-bottom:16px}.redeem-field label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.redeem-field input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:16px;padding:10px 12px;width:100%}.redeem-preview{color:#0d8050;display:block;font-size:13px;margin-top:6px}.redeem-error{color:#c23934;font-size:14px;margin-bottom:12px}.redeem-success-box{background:#e6f7ed;border:1px solid #0d8050;border-radius:8px;margin-bottom:16px;padding:16px}.redeem-success-box p{font-size:14px;margin:0 0 8px}.redeem-success-box code{background:#fff;border-radius:4px;font-size:14px;padding:2px 8px}.copy-code-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:8px;padding:8px 16px}.copy-code-btn:hover{background:#5568d3}.copy-code-btn.small{font-size:13px;padding:6px 12px}.redeem-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px}.redeem-submit:disabled{cursor:not-allowed;opacity:.6}.redeem-submit:not(:disabled):hover{opacity:.95}.vouchers-hint{color:#666;font-size:14px;margin-bottom:16px}.vouchers-list{display:flex;flex-direction:column;gap:12px}.voucher-card{background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;padding:16px}.voucher-code-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.voucher-code{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:16px;font-weight:600;padding:6px 12px}.voucher-meta{color:#666;display:flex;font-size:13px;gap:16px}.no-data{color:#888;padding:32px}.admin-points-page{background:#f5f5f5;min-height:100vh}.admin-points-container{margin:0 auto;max-width:1400px;padding:24px}.page-header-row{align-items:center}.page-title{color:#333;font-size:28px;font-weight:600;margin:0}.export-btn:hover{background:#667eea;border-color:#667eea}.totals-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.total-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-direction:column;gap:8px;padding:20px}.total-card:nth-child(2){background:linear-gradient(135deg,#f5a623,#f7931e)}.total-card:nth-child(3){background:linear-gradient(135deg,#11998e,#38ef7d)}.total-card:nth-child(4){background:linear-gradient(135deg,#4facfe,#00f2fe)}.total-label{font-size:13px;opacity:.9}.total-value{font-size:28px;font-weight:700}.level-config-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;padding:20px}.level-config-section h2{color:#333;font-size:18px;font-weight:600;margin-bottom:16px}.config-info{color:#666;font-size:14px;margin-bottom:16px}.config-info strong{color:#f5a623}.levels-grid{display:flex;flex-wrap:wrap;gap:12px}.level-chip{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;display:flex;gap:8px;padding:8px 16px}.level-num{color:#666;font-size:12px;font-weight:600}.level-pct{color:#f5a623;font-size:14px;font-weight:700}.filters-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;padding:20px}.search-form{display:flex;gap:12px}.search-input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:14px;padding:12px 16px}.search-input:focus{border-color:#f5a623;outline:none}.search-btn{background:#f5a623;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background .2s}.search-btn:hover{background:#e68a00}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow-x:auto;padding:20px}.users-table{border-collapse:collapse;font-size:14px;width:100%}.users-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#333;font-weight:600;padding:14px 16px;text-align:left}.users-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.users-table th.sortable:hover{background:#f3f4f6}.users-table td{border-bottom:1px solid #f0f0f0;color:#333;padding:14px 16px}.users-table tr:hover td{background:#fef7e0}.user-cell{display:flex;flex-direction:column;gap:2px}.user-name{color:#333;font-weight:600}.user-email{color:#999;font-size:12px}.number-cell{font-family:Monaco,monospace;text-align:right}.number-cell.highlight{color:#f5a623;font-weight:600}.number-cell.balance{color:#22c55e;font-weight:700}.view-btn{background:#f5a623;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 14px;transition:background .2s}.view-btn:hover{background:#e68a00}.pagination{align-items:center;border-top:1px solid #eee;display:flex;gap:16px;justify-content:center;margin-top:20px;padding-top:20px}.pagination button{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 20px;transition:all .2s}.pagination button:hover:not(:disabled){border-color:#f5a623;color:#f5a623}.pagination button:disabled{cursor:not-allowed;opacity:.5}.detail-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.detail-modal{background:#fff;border-radius:16px;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.modal-header{background:#fff;border-bottom:1px solid #eee;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h2{color:#333;font-size:20px;font-weight:600}.close-btn{align-items:center;background:#f3f4f6;border-radius:50%;color:#666;display:flex;font-size:24px;height:36px;justify-content:center;width:36px}.close-btn:hover{background:#e5e7eb}.modal-content{padding:24px}.user-info-section{align-items:center;display:flex;gap:16px;margin-bottom:24px}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:600;height:60px;justify-content:center;width:60px}.user-info h3{color:#333;font-size:18px;font-weight:600;margin:0 0 4px}.user-info p{color:#666;font-size:14px;margin:0}.detail-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.stat-item{background:#f9fafb;border-radius:10px;padding:16px;text-align:center}.stat-label{color:#666;display:block;font-size:12px;margin-bottom:4px}.stat-value{color:#333;display:block;font-size:24px;font-weight:700}.stat-value.highlight{color:#22c55e}.level-earnings-section,.transactions-section{margin-bottom:24px}.level-earnings-section h4,.transactions-section h4{color:#333;font-size:16px;font-weight:600;margin-bottom:16px}.level-earnings-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.level-earning-item{background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px;text-align:center}.le-level{color:#999;font-size:11px;font-weight:500}.le-points{color:#f5a623;font-size:16px;font-weight:700}.le-count{color:#666;font-size:11px}.transactions-list{display:flex;flex-direction:column;gap:10px}.txn-row{background:#f9fafb;gap:12px;padding:12px}.txn-row,.txn-type-badge{align-items:center;border-radius:8px;display:flex}.txn-type-badge{background:#fff;font-size:20px;height:36px;justify-content:center;width:36px}.txn-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.txn-desc{color:#333;font-size:13px}.txn-date{color:#999;font-size:11px}.txn-amount{color:#22c55e;font-size:14px;font-weight:600}.loading{color:#666;padding:48px;text-align:center}@media (max-width:992px){.totals-summary{grid-template-columns:repeat(2,1fr)}.detail-stats{grid-template-columns:1fr}.level-earnings-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.admin-points-container{padding:16px}.totals-summary{grid-template-columns:1fr}.total-card{padding:16px}.total-value{font-size:24px}.search-form{flex-direction:column}.users-table{font-size:12px}.users-table td,.users-table th{padding:10px 8px}.level-earnings-grid{grid-template-columns:1fr}.detail-modal{margin:10px;max-height:calc(100vh - 20px)}}.admin-commission-wrapper{display:flex;flex-direction:column;min-height:100vh}.admin-commission-container{flex:1 1;margin:0 auto;max-width:1100px;padding:24px 20px}.page-header-row{margin-bottom:24px}.page-header-row,.payments-header-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.payments-header-row{margin-bottom:16px}.admin-commission-container h1{color:#1a1a1a;font-size:1.75rem;margin-bottom:8px}.commission-summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:28px}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:20px}.summary-card .card-label{color:#6b7280;font-size:.85rem}.summary-card .card-value{color:#1f2937;font-size:1.4rem;font-weight:600}.summary-card .card-value.primary{color:#059669}.export-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.export-label{color:#666;font-size:14px}.export-btn{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s}.export-btn:hover{background:#059669;border-color:#059669;color:#fff}.loading,.no-data{color:#6b7280;padding:40px 20px;text-align:center}.report-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.commission-report-table{border-collapse:collapse;width:100%}.commission-report-table td,.commission-report-table th{border-bottom:1px solid #e5e7eb;padding:14px 16px;text-align:left}.commission-report-table th{background:#f9fafb;color:#374151;font-size:.9rem;font-weight:600}.commission-report-table td{font-size:.95rem}.commission-report-table tbody tr:hover{background:#f9fafb}.commission-amount{color:#059669;font-weight:600}.view-details-btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 14px}.view-details-btn:hover{background:#1d4ed8}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.commission-detail-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.modal-header h2{font-size:1.2rem;margin:0}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem}.close-btn:hover{color:#1f2937}.detail-table-wrap{overflow:auto;padding:20px}.detail-table{border-collapse:collapse;width:100%}.detail-table td,.detail-table th{border-bottom:1px solid #e5e7eb;font-size:.9rem;padding:10px 12px;text-align:left}.detail-table th{background:#f9fafb;color:#374151;font-weight:600}.payments-section{border-top:1px solid #e5e7eb;margin-top:40px;padding-top:32px}.payments-section h2{color:#1a1a1a;font-size:1.25rem;margin-bottom:6px}.section-subtitle{color:#666;font-size:.9rem;margin-bottom:20px}.payments-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{color:#374151;font-size:.85rem;font-weight:500}.filter-group input,.filter-group select{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;min-width:140px;padding:8px 12px}.apply-filters-btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 18px}.apply-filters-btn:hover{background:#1d4ed8}.payments-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.payments-report-table{border-collapse:collapse;width:100%}.payments-report-table td,.payments-report-table th{border-bottom:1px solid #e5e7eb;font-size:.9rem;padding:12px 14px;text-align:left}.payments-report-table th{background:#f9fafb;color:#374151;font-weight:600}.status-badge.status-pending{background:#fef3c7;color:#92400e}.status-badge.status-confirmed{background:#d1fae5;color:#065f46}.status-badge.status-rejected{background:#fee2e2;color:#991b1b}.seller-bank-info{color:#4b5563;font-size:.8rem;line-height:1.4}.payment-actions{display:flex;gap:8px}.confirm-btn{background:#059669;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px}.confirm-btn:hover{background:#047857}.reject-btn:hover{background:#b91c1c}.admin-offline-wrapper{display:flex;flex-direction:column;min-height:100vh}.admin-offline-container{flex:1 1;margin:0 auto;max-width:1100px;padding:24px 20px}.admin-offline-container h1{color:#1a1a1a;font-size:1.75rem;margin-bottom:8px}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.summary-cards .card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:16px}.summary-cards .label{color:#6b7280;font-size:.85rem}.summary-cards .val{font-size:1.25rem;font-weight:600}.summary-cards .val.success{color:#059669}.summary-cards .val.pending{color:#d97706}.filters-bar{align-items:center;display:flex;gap:12px;margin-bottom:20px}.filters-bar input,.filters-bar select{border:1px solid #d1d5db;border-radius:6px;padding:8px 12px}.filters-bar button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 18px}.transactions-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.transactions-table-wrap table{border-collapse:collapse;width:100%}.transactions-table-wrap td,.transactions-table-wrap th{border-bottom:1px solid #e5e7eb;font-size:.9rem;padding:12px 14px;text-align:left}.transactions-table-wrap th{background:#f9fafb;color:#374151;font-weight:600}.download-bill-link{align-items:center;background:#2563eb;border-radius:6px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:500;padding:6px 10px;text-decoration:none}.download-bill-link:hover{background:#1d4ed8}.action-btns{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.approve-btn{background:#059669}.approve-btn,.reject-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px}.reject-btn{background:#dc2626}.reject-input{border:1px solid #d1d5db;border-radius:4px;font-size:.8rem;min-width:100px;padding:4px 8px;width:140px}.rejection-comment{color:#6b7280;display:inline-block;font-size:.85rem;font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-data{padding:40px;text-align:center}.admin-points-benefits-page{display:flex;flex-direction:column;min-height:100vh}.admin-points-benefits-content{flex:1 1;margin:0 auto;max-width:900px;padding:24px 20px}.admin-points-benefits-content h1{color:#1a1a1a;font-size:1.75rem;margin-bottom:24px}.admin-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:28px;padding:24px}.admin-section h2{color:#374151;font-size:1.2rem;margin-bottom:8px}.section-desc{color:#6b7280;font-size:.9rem;margin-bottom:16px}.config-form{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.config-form label{color:#374151;display:flex;flex-direction:column;font-size:.9rem;gap:4px}.config-form label.checkbox-label{align-items:center;flex-direction:row}.config-form input[type=number]{border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;width:120px}.config-form button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 20px}.config-form button:disabled{background:#9ca3af;cursor:not-allowed}.config-message{color:#059669;font-size:.9rem;margin-left:8px}.section-header-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.btn-add{background:#059669;font-size:.95rem;padding:10px 18px}.btn-add:hover{background:#047857}.benefit-form-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:20px}.benefit-form-card h3{color:#374151;font-size:1rem;margin-bottom:16px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:16px}.form-grid label{color:#374151;display:flex;flex-direction:column;font-size:.9rem;gap:6px}.form-grid label.checkbox-label{align-items:center;flex-direction:row}.form-grid input,.form-grid select{border:1px solid #d1d5db;border-radius:6px;padding:8px 12px}.form-actions{display:flex;gap:10px}.btn-primary{background:#2563eb;border:none;border-radius:6px;color:#fff}.btn-primary,.btn-secondary{cursor:pointer;padding:8px 18px}.btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151}.benefits-table-wrap{overflow-x:auto}.benefits-table{border-collapse:collapse;width:100%}.benefits-table td,.benefits-table th{border-bottom:1px solid #e5e7eb;padding:12px 16px;text-align:left}.benefits-table th{background:#f9fafb;color:#374151;font-size:.9rem;font-weight:600}.benefits-table td{font-size:.95rem}.benefits-table tbody tr:hover{background:#f9fafb}.benefits-table tbody tr.inactive{color:#9ca3af}.btn-small{background:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;margin-right:8px;padding:5px 12px}.btn-small.btn-danger{background:#dc2626}.btn-small.btn-danger:hover{background:#b91c1c}.admin-categories-page{background:#f1f3f6;background:var(--bg-secondary,#f1f3f6);min-height:100vh}.admin-categories-container{margin:0 auto;max-width:800px;padding:24px 20px}.admin-categories-container .back-link{background:none;border:none;color:var(--text-link);cursor:pointer;display:inline-block;font-size:14px;margin-bottom:16px}.admin-categories-container .back-link:hover{text-decoration:underline}.admin-categories-container h1{color:var(--text-primary);font-size:24px;margin-bottom:8px}.admin-categories-desc{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.category-level-section{background:var(--bg-primary);border-radius:8px;box-shadow:0 1px 3px #00000014;margin-bottom:20px;padding:20px}.category-level-section h2{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:16px;margin-bottom:12px;padding-bottom:8px}.category-limit-badge{color:#666;color:var(--text-secondary,#666);font-size:.9em;font-weight:400}.category-limit-message{color:#666;color:var(--text-secondary,#666);font-size:13px;margin:-8px 0 12px}.category-order-hint{color:#666;color:var(--text-secondary,#666);font-size:12px;margin:-4px 0 10px}.category-item-name{flex:1 1}.category-item-actions{align-items:center;display:flex;gap:4px}.btn-move{background:#f5f5f5;border:1px solid #ddd;border:1px solid var(--border-light,#ddd);border-radius:4px;cursor:pointer;font-size:12px;padding:2px 8px}.btn-move:hover:not(:disabled){background:#eee}.btn-move:disabled{cursor:not-allowed;opacity:.5}.category-list{list-style:none;margin:0 0 12px;padding:0}.category-list li{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:10px;padding:8px 0}.category-list li:last-child{border-bottom:none}.add-row input,.category-list li input{border:1px solid var(--border-light);border-radius:4px;flex:1 1;max-width:280px;padding:6px 10px}.add-row select,.category-list li select{border:1px solid var(--border-light);border-radius:4px;min-width:180px;padding:6px 10px}.add-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.add-row input[type=text]{min-width:180px}.btn-add,.btn-cancel,.btn-delete,.btn-edit,.btn-save{border:none;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 12px}.btn-edit{background:#e3f2fd;color:#1565c0}.btn-delete{background:#ffebee;color:#c62828}.btn-save{background:#f90;background:var(--btn-primary,#f90);color:#fff}.btn-cancel{background:#eee;color:#333}.btn-add{background:#e8f5e9;color:#2e7d32}.btn-add:hover:not(:disabled),.btn-cancel:hover,.btn-delete:hover,.btn-edit:hover,.btn-save:hover{opacity:.9}.error-message{background:#ffebee;color:#c62828}.error-message,.success-message{border-radius:4px;font-size:14px;margin-bottom:16px;padding:10px}.success-message{background:#e8f5e9;color:#2e7d32}.category-item-thumb{height:36px;width:36px}.category-item-thumb,.category-thumb{border-radius:4px;flex-shrink:0;object-fit:cover}.category-thumb{height:48px;width:48px}.category-image-add,.category-image-edit{align-items:center;display:flex;gap:8px}.btn-upload-img{background:#f5f5f5;border:1px solid var(--border-light);border-radius:4px;cursor:pointer;font-size:12px;padding:4px 10px;white-space:nowrap}.btn-upload-img:hover:not(:disabled){background:#eee}.btn-upload-img:disabled{cursor:not-allowed;opacity:.7}.add-category-row{flex-wrap:wrap}.add-category-row .category-image-add{margin-left:0}.category-slides-section{border-top:1px solid var(--border-light);flex:1 1 100%;margin-top:16px;max-width:100%;min-width:0;padding-top:16px}.category-slides-section h4{color:var(--text-primary);font-size:14px;margin:0 0 4px}.category-slides-hint{word-wrap:break-word;color:var(--text-secondary);font-size:12px;line-height:1.4;margin:0 0 12px;max-width:100%;overflow-wrap:break-word}.slide-row{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:10px;padding:8px 0}.slide-row-thumb{border-radius:4px;flex-shrink:0;height:48px;object-fit:cover;width:64px}.btn-upload-slide{background:#e3f2fd;border:1px solid #90caf9;border-radius:4px;color:#1565c0;cursor:pointer;font-size:13px;margin-top:8px;padding:6px 12px}.btn-upload-slide:hover:not(:disabled){background:#bbdefb}.btn-upload-slide:disabled{cursor:not-allowed;opacity:.7}.admin-attributes-wrapper{display:flex;flex-direction:column;min-height:100vh}.admin-attributes-container{flex:1 1;margin:0 auto;max-width:900px;padding:24px 20px}.admin-attributes-container h1{color:#1a1a1a;font-size:1.75rem;margin-bottom:8px}.admin-attributes-container .page-subtitle{color:#666;font-size:.95rem;margin-bottom:24px}.admin-attributes-msg{border-radius:8px;font-size:.9rem;margin-bottom:20px;padding:12px 16px}.admin-attributes-msg.success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.admin-attributes-msg.error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.admin-attributes-container .loading{color:#6b7280;padding:40px 0}.attributes-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:28px;padding:20px}.attributes-section h2{color:#374151;font-size:1.2rem;margin:0 0 16px}.attributes-add-form{margin-bottom:20px}.attributes-add-form .form-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.attributes-add-form .input-name{min-width:180px}.attributes-add-form .input-category,.attributes-add-form .input-name{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:8px 12px}.attributes-add-form .input-category{min-width:140px}.color-code-wrap{align-items:center;display:flex;gap:8px}.input-color-picker{background:#fff;cursor:pointer;height:36px;padding:2px;width:40px}.input-color-picker,.input-hex{border:1px solid #d1d5db;border-radius:6px}.input-hex{font-family:monospace;font-size:.9rem;padding:8px 10px;width:90px}.btn-add{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 18px}.btn-add:hover:not(:disabled){background:#1d4ed8}.btn-add:disabled{cursor:not-allowed;opacity:.6}.attributes-table-wrap{overflow-x:auto}.attributes-table-wrap table{border-collapse:collapse;font-size:.9rem;width:100%}.attributes-table-wrap td,.attributes-table-wrap th{border-bottom:1px solid #e5e7eb;padding:12px 14px;text-align:left}.attributes-table-wrap th{background:#f9fafb;color:#374151;font-weight:600}.attributes-table-wrap .no-data{color:#9ca3af;padding:24px;text-align:center}.admin-attributes-container .color-swatch{border:1px solid #00000026;border-radius:6px;display:inline-block;height:28px;vertical-align:middle;width:28px}.edit-input{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;min-width:100px;padding:6px 10px}.edit-input.edit-hex{font-family:monospace;width:90px}.edit-color-picker{border:1px solid #d1d5db;border-radius:6px;cursor:pointer;height:32px;padding:2px;width:36px}.btn-edit,.btn-save{background:#059669;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;margin-right:8px;padding:6px 12px}.btn-edit:hover,.btn-save:hover{background:#047857}.btn-cancel{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;margin-right:8px;padding:6px 12px}.btn-cancel:hover{background:#4b5563}.btn-delete{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px}.btn-delete:hover{background:#b91c1c}@media (max-width:640px){.attributes-add-form .form-row{align-items:stretch;flex-direction:column}.attributes-add-form .input-category,.attributes-add-form .input-name{min-width:0}.color-code-wrap{justify-content:flex-start}}.offline-purchase-wrapper{display:flex;flex-direction:column;min-height:100vh}.offline-purchase-container{flex:1 1;margin:0 auto;max-width:700px;padding:24px 20px}.offline-purchase-container h1{color:#1a1a1a;font-size:1.75rem;margin-bottom:8px}.page-subtitle{color:#666;font-size:.95rem;margin-bottom:24px}.error-banner{background:#fee2e2;border-radius:8px;color:#991b1b;margin-bottom:20px;padding:12px 16px}.my-submissions-section,.offline-form-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:24px;padding:24px}.my-submissions-section h2,.offline-form-section h2{color:#374151;font-size:1.1rem;margin-bottom:20px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:10px 12px;width:100%}.upload-area{border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:24px;position:relative;text-align:center}.upload-area input[type=file]{cursor:pointer;inset:0;opacity:0;position:absolute}.upload-area p{color:#6b7280;margin:0}.preview-wrap{display:inline-block;position:relative}.preview-wrap img{border-radius:6px;max-height:150px;max-width:200px}.uploaded-tag{color:#059669;display:block;font-size:.85rem;margin-top:8px}.submit-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:16px;padding:10px 24px}.submit-btn:hover:not(:disabled){background:#1d4ed8}.submissions-table-wrap{overflow-x:auto}.submissions-table-wrap table{border-collapse:collapse;width:100%}.submissions-table-wrap td,.submissions-table-wrap th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.submissions-table-wrap th{background:#f9fafb;color:#374151;font-weight:600}.offline-purchases-table .col-order-no{font-family:ui-monospace,monospace;font-size:.9rem;font-weight:600}.status-badge{border-radius:6px;font-size:.8rem;font-weight:500;padding:4px 10px}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.approved{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.no-data{color:#6b7280;font-style:italic}.sellers-in-area-wrapper{background-color:#f5f5f5;background-color:var(--bg-primary,#f5f5f5);display:flex;flex-direction:column;min-height:100vh}.sellers-in-area-main{flex:1 1;margin:0 auto;max-width:1200px;max-width:var(--max-width-container,1200px);padding:1.5rem;padding:var(--spacing-lg,1.5rem);width:100%}.sellers-in-area-heading{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1.75rem;font-size:var(--font-size-xxl,1.75rem);font-weight:700;font-weight:var(--font-weight-bold,700);margin:0 0 .25rem;text-align:center}.sellers-in-area-subheading{color:#666;color:var(--text-secondary,#666);font-size:.95rem;margin:0 0 1.5rem;margin:0 0 var(--spacing-xl,1.5rem) 0;text-align:center}.sellers-in-area-filters{background:#fff;border-radius:8px;border-radius:var(--radius-lg,8px);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-md,0 2px 8px #00000014);margin-bottom:1.5rem;margin-bottom:var(--spacing-xl,1.5rem);padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.sellers-in-area-filter-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.sellers-in-area-filter-row:last-of-type{margin-bottom:0}.sellers-in-area-category-row{margin-top:.5rem}.sellers-in-area-label{color:#1a1a1a;color:var(--text-primary,#1a1a1a);display:flex;flex-direction:column;font-size:.875rem;font-weight:500;gap:.35rem;min-width:140px}.sellers-in-area-input,.sellers-in-area-select{background:#fff;border:1px solid #ddd;border-radius:6px;border-radius:var(--radius,6px);font-size:.95rem;padding:.5rem .75rem}.sellers-in-area-input:focus,.sellers-in-area-select:focus{border-color:#232f3e;border-color:var(--primary,#232f3e);box-shadow:0 0 0 2px #232f3e26;outline:none}.sellers-in-area-actions{border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;padding-top:1rem}.sellers-in-area-btn{border:none;border-radius:6px;border-radius:var(--radius,6px);cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.25rem;transition:opacity .2s,background .2s}.sellers-in-area-btn:disabled{cursor:not-allowed;opacity:.7}.sellers-in-area-btn-primary{background:#232f3e;background:var(--primary,#232f3e);color:#fff}.sellers-in-area-btn-primary:hover:not(:disabled){background:#1a2530}.sellers-in-area-btn-secondary{background:#eee;color:#333}.sellers-in-area-btn-secondary:hover{background:#e0e0e0}.sellers-in-area-results{margin-top:1rem}.sellers-in-area-empty,.sellers-in-area-loading{color:#666;color:var(--text-secondary,#666);padding:1.5rem;padding:var(--spacing-xl,1.5rem);text-align:center}.sellers-in-area-count{color:#666;color:var(--text-secondary,#666);font-size:.95rem;margin:0 0 1rem}.sellers-in-area-table-wrap{background:#fff;border:1px solid #eee;border-radius:8px;border-radius:var(--radius-lg,8px);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-md,0 2px 8px #00000014);overflow-x:auto}.sellers-in-area-table{border-collapse:collapse;width:100%}.sellers-in-area-table td,.sellers-in-area-table th{border-bottom:1px solid #eee;padding:12px 14px;text-align:left;vertical-align:middle}.sellers-in-area-table th{background:#f9fafb;color:#374151;font-size:.8rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.sellers-in-area-table tbody tr:hover{background:#fafafa}.sellers-in-area-table .col-seller-id{font-family:ui-monospace,monospace;font-weight:600}.sellers-in-area-table .col-shop-photo{width:72px}.shop-photo-thumb{border-radius:6px;display:block;height:56px;object-fit:cover;width:56px}.sellers-in-area-table .no-photo{color:#999}.sellers-in-area-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.sellers-in-area-card{background:#fff;border:1px solid #eee;border-radius:8px;border-radius:var(--radius-lg,8px);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-md,0 2px 8px #00000014);padding:1.25rem;transition:box-shadow .2s}.sellers-in-area-card:hover{box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-lg,0 4px 12px #0000001a)}.sellers-in-area-card-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.sellers-in-area-card-name{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1.05rem;font-weight:600}.sellers-in-area-card-ref{background:#f0f0f0;border-radius:4px;color:#666;color:var(--text-secondary,#666);font-size:.8rem;padding:.2rem .5rem}.sellers-in-area-card-body{color:#555;color:var(--text-secondary,#555);font-size:.9rem}.sellers-in-area-card-body p{margin:.35rem 0}.sellers-in-area-card-location{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-weight:500}.sellers-in-area-card-address{word-break:break-word}.sellers-in-area-card-categories{border-top:1px solid #f0f0f0;margin-top:.75rem;padding-top:.75rem}.sellers-in-area-card-categories-label{color:#666;color:var(--text-secondary,#666);display:block;font-size:.8rem;font-weight:600;margin-bottom:.35rem}.sellers-in-area-card-categories-list{color:#555;color:var(--text-secondary,#555);font-size:.85rem;margin:0;padding-left:1.1rem}.sellers-in-area-card-categories-list li{margin:.2rem 0}@media (max-width:640px){.sellers-in-area-filter-row{flex-direction:column}.sellers-in-area-label{min-width:100%}.sellers-in-area-grid{grid-template-columns:1fr}}.info-page-wrapper{background:var(--bg-secondary);min-height:100vh}.info-page-main{margin:0 auto;max-width:1100px;padding:32px 20px 56px}.info-page-hero{background:linear-gradient(135deg,#fff7eb,#f7efe6);border:1px solid #eadbc9;border-radius:20px;box-shadow:0 10px 30px #0000000d;padding:32px}.info-page-eyebrow{color:var(--primary-color);font-size:13px;font-weight:700;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.info-page-hero h1{color:var(--text-primary);font-size:clamp(28px,4vw,42px);line-height:1.15;margin:0 0 14px}.info-page-intro{color:var(--text-secondary);font-size:16px;line-height:1.7;margin:0;max-width:760px}.info-page-faqs,.info-page-overview,.info-page-sections{grid-gap:20px;display:grid;gap:20px;margin-top:24px}.info-page-overview{grid-template-columns:2fr 1fr}.info-page-faqs,.info-page-sections{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.info-page-card{background:#fff;border:1px solid var(--border-light);border-radius:18px;box-shadow:0 8px 24px #0000000a;padding:24px}.info-page-card h2{color:var(--text-primary);font-size:20px;margin:0 0 14px}.info-page-card p{color:var(--text-secondary);line-height:1.7;margin:0 0 12px}.info-page-card p:last-child{margin-bottom:0}.info-page-list{color:var(--text-secondary);margin:0;padding-left:20px}.info-page-list li{line-height:1.6;margin-bottom:10px}.info-page-list li:last-child{margin-bottom:0}.info-page-sidebar{background:linear-gradient(180deg,#fffdf9,#fff5e6)}@media (max-width:768px){.info-page-main{padding:20px 14px 40px}.info-page-card,.info-page-hero{border-radius:16px;padding:20px}.info-page-overview{grid-template-columns:1fr}}.App{background-color:var(--bg-secondary);min-height:100vh;text-align:left}.App-logo{height:40vmin;pointer-events:none}.loading-container{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-lg);justify-content:center;min-height:50vh}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-right:var(--spacing-md);width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-container{background-color:#c400001a;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);margin:var(--spacing-lg);padding:var(--spacing-xxl);text-align:center}.error-container h2{color:var(--error);margin-bottom:var(--spacing-md)}.error-container p{color:var(--text-secondary);font-size:var(--font-size-base)}.success-container{background-color:#0076001a;border:1px solid var(--success);border-radius:var(--radius-md);color:var(--success);margin:var(--spacing-lg);padding:var(--spacing-xxl);text-align:center}.success-container h2{color:var(--success);margin-bottom:var(--spacing-md)}.success-container p{color:var(--text-secondary);font-size:var(--font-size-base)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}@media (max-width:768px){.App{font-size:var(--font-size-sm)}}
/*# sourceMappingURL=main.06b0a7c4.css.map*/