*{box-sizing:border-box}body{background-color:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.main-content{margin:40px auto;max-width:1800px;padding:0 20px}h1{font-size:22px}h1,h2{margin-top:0}h2{font-size:20px}h3{font-size:18px}h3,h4{margin-top:0}h4{font-size:16px}h5{font-size:14px}h5,h6{margin-top:0}h6{font-size:12px}code{font-size:1.2em}ul{-webkit-padding-start:20px;padding-inline-start:20px}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-bottom:20px;padding:12px 16px}.error-text{color:#dc3545;font-size:12px;margin-top:-5px}.success-message{color:#03431e;padding:10px 1px;text-align:center}.success-message h2{color:#2e7d32;font-size:32px;margin-bottom:15px}.success-message p{color:#555;font-size:16px;margin-bottom:10px}.success-message .cta-button{display:inline-block;margin-top:25px}.cta-button{border-radius:6px;padding:12px 32px;transition:background .2s ease}.back-button{align-items:center;background:none;border:none;color:#007bff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;margin-bottom:30px;text-decoration:none;transition:color .3s ease}.back-button:hover{color:#0056b3;text-decoration:underline}.not-found{padding:60px 20px;text-align:center}.not-found h2{color:#333;font-size:28px;margin-bottom:20px}.loading-spinner{color:#888;font-size:1.1rem;padding:40px;text-align:center}body.dark-mode{background-color:#121212;color:#e0e0e0}body.dark-mode .error-message{background:#3a1a1a;border-color:#5a2a2a #5a2a2a #5a2a2a #dc3545;color:#f5a0a0}body.dark-mode .success-message{border-color:#2a4a2a;color:#7dcea0}body.dark-mode .success-message h2{color:#fff}body.dark-mode .success-message p{color:#e0e0e0}body.dark-mode .cta-button{background-color:#007bff;color:#fff}body.dark-mode .cta-button:hover{background-color:#0056b3}body.dark-mode .back-button{color:#4dabf7}body.dark-mode .back-button:hover{color:#74c0fc}body.dark-mode .loading-spinner{color:#ddd}body.dark-mode ::-webkit-scrollbar{width:10px}body.dark-mode ::-webkit-scrollbar-track{background:#1e1e1e}body.dark-mode ::-webkit-scrollbar-thumb{background:#444;border-radius:5px}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#555}.navbar{background-color:#fff;box-shadow:0 2px 8px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{gap:16px;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-container,.nav-logo a{align-items:center;display:flex}.nav-logo a{color:#000;font-size:28px;font-weight:700;gap:8px;text-decoration:none;transition:color .3s ease}.nav-logo-icon{border-radius:6px;height:32px;object-fit:cover;width:32px}.nav-logo a:hover{color:#007bff}.nav-menu{align-items:center;display:flex;flex-shrink:0;gap:40px;list-style:none;margin:0;padding:0}.nav-search-wrapper{flex:1 1 320px;max-width:400px;position:relative}.nav-search-icon{height:16px;left:12px;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px;z-index:1}.nav-search-input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;outline:none;padding:9px 14px 9px 36px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.nav-search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.nav-search-results{background:#fff;border:1px solid #e0e0e0;border-radius:0 0 8px 8px;box-shadow:0 8px 20px #0000001f;left:0;list-style:none;margin:0;max-height:320px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1100}.nav-search-results li{border-bottom:1px solid #f0f0f0}.nav-search-results li:last-child{border-bottom:none}.nav-search-result-link{align-items:center;color:inherit;display:flex;gap:12px;padding:10px 14px;text-decoration:none;transition:background .2s ease}.nav-search-result-link:hover{background-color:#f5f8ff}.nav-search-thumb{background:#f0f0f0;border-radius:6px;height:38px;object-fit:cover;width:38px}.nav-search-name{color:#333;display:block;font-size:13px;font-weight:600}.nav-search-brand{color:#999;display:block;font-size:11px}.nav-item{position:relative}.nav-link{color:#333;font-size:16px;font-weight:500;padding:8px 0;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#007bff}.nav-link-btn{background-color:#007bff;border-radius:5px;color:#fff!important;padding:10px 20px;transition:background-color .3s ease}.nav-link-btn:hover{background-color:#0056b3;color:#fff!important}.nav-user-greeting{color:#333;font-size:18px;font-weight:600;padding:0}.nav-user-item,.nav-user-link{align-items:center;display:flex}.nav-user-link{border-radius:24px;cursor:pointer;gap:10px;padding:6px 12px;text-decoration:none;transition:background-color .2s ease}.nav-user-link:hover{background-color:#f0f0f0}.dropdown-arrow{color:#888;font-size:22px}.nav-profile-dropdown{align-items:center;display:flex;position:relative}.nav-profile-dropdown:after{content:"";height:12px;left:0;position:absolute;right:0;top:100%;z-index:1199}.profile-dropdown-menu{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 8px 24px #0000001f;display:none;list-style:none;margin:0;min-width:200px;padding:8px 0;position:absolute;right:0;top:calc(100% + 12px);z-index:1200}.nav-profile-dropdown:hover .profile-dropdown-menu,.nav-profile-dropdown:hover:after,.profile-dropdown-menu:hover{display:block}.nav-profile-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:10px;padding:10px 16px;text-align:left;text-decoration:none;transition:background .15s ease;width:100%}.dropdown-item:hover{background:#f5f5f5}.dropdown-icon{font-size:1rem;text-align:center;width:20px}.dropdown-divider{background:#e0e0e0;height:1px;margin:6px 0}.dropdown-logout{color:#dc3545}.dropdown-logout:hover{background:#fff5f5}.nav-avatar{border:2px solid #e0e0e0;border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:6px}.hamburger span{background-color:#333;border-radius:3px;height:3px;transition:all .3s ease;width:25px}.hamburger span.active:first-child{transform:rotate(45deg) translate(10px,10px)}.hamburger span.active:nth-child(2){opacity:0}.hamburger span.active:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.cart-link,.icon-link{position:relative}.icon-link{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:22px;gap:6px;padding:4px;transition:color .2s ease}.icon-link:hover{color:#007bff}.nav-link-label{display:none}.nav-icon-svg{height:22px;transition:opacity .2s ease;vertical-align:middle;width:22px}.icon-link:hover .nav-icon-svg{opacity:.7}.cart-badge{align-items:center;background-color:#dc3545;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-8px;top:-6px;width:18px}.nav-notif-wrapper,.notif-bell-btn{position:relative}.notif-badge{align-items:center;background-color:#dc3545;border-radius:50%;color:#fff;font-size:9px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;right:-8px;top:-6px}.notif-badge,.notif-dropdown{display:flex;position:absolute}.notif-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 32px #00000026;flex-direction:column;max-height:440px;overflow:hidden;right:0;top:calc(100% + 8px);width:360px;z-index:2000}.notif-dropdown-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:14px 16px 10px}.notif-dropdown-title{color:#222;font-size:16px;font-weight:700}.notif-mark-all-btn{background:none;border:none;border-radius:4px;color:#007bff;cursor:pointer;font-size:12px;font-weight:600;padding:2px 6px;transition:background .15s}.notif-mark-all-btn:hover{background:#e8f0fe}.notif-dropdown-list{flex:1 1;max-height:380px;overflow-y:auto}.notif-item{align-items:flex-start;cursor:pointer;display:flex;gap:10px;padding:12px 16px;position:relative;transition:background .15s}.notif-item:hover{background:#f5f5f5}.notif-unread{background:#eef4ff}.notif-unread:hover{background:#dce8fa}.notif-icon{flex-shrink:0;font-size:20px;margin-top:2px}.notif-content{flex:1 1;min-width:0}.notif-message{word-wrap:break-word;color:#333;font-size:13px;line-height:1.4;margin:0 0 4px}.notif-time{color:#888;font-size:11px}.notif-dot{background:#007bff;border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.notif-empty{color:#999;font-size:14px;padding:32px 16px;text-align:center}@media screen and (max-width:768px){.hamburger{display:flex}.nav-menu{background-color:#fff;border-bottom:1px solid #e0e0e0;flex-direction:column;gap:0;left:0;max-height:0;overflow:hidden;position:absolute;top:70px;transition:max-height .3s ease;width:100%}.nav-search-wrapper{flex:1 1 auto;max-width:none;order:-1}.nav-menu.active{max-height:800px;overflow-y:auto;padding:20px}.nav-item{border-bottom:1px solid #e0e0e0;padding:12px 0;width:100%}.nav-item:last-child{border-bottom:none}.nav-link-btn{display:block;margin-top:10px;text-align:center;width:100%}.nav-user-greeting{display:block;font-size:14px;padding:0;text-align:center}.nav-user-link{justify-content:center;padding:8px}.nav-avatar{height:28px;width:28px}.notif-dropdown{left:10px;position:fixed;right:10px;top:70px;width:auto}.nav-container{height:auto;padding:15px 20px}.nav-link-label{display:inline;font-size:16px;font-weight:500}.icon-link .nav-icon-svg,.icon-link .theme-toggle-icon{display:none}.icon-link{font-size:16px;gap:0;padding:8px 0}.cart-badge,.notif-badge{display:inline-flex;font-size:11px;margin-left:6px;position:static}.profile-dropdown-menu{border:none;border-radius:0;box-shadow:none;display:none;min-width:0;padding:0 0 0 12px;position:static}.nav-profile-dropdown.active .profile-dropdown-menu,.nav-profile-dropdown:hover .profile-dropdown-menu{display:block}.dropdown-arrow{font-size:16px}.help-dropdown-menu{border:none;border-radius:0;box-shadow:none;display:none;min-width:0;padding:0 0 0 12px;position:static}.nav-help-dropdown:hover .help-dropdown-menu,.nav-help-dropdown:hover:after{display:block}}body.dark-mode .navbar{background-color:#1e1e1e;box-shadow:0 2px 8px #0006}body.dark-mode .nav-logo a{color:#fff}body.dark-mode .nav-link{color:#ccc}body.dark-mode .nav-link:hover{color:#fff}body.dark-mode .nav-search-input{background:#2a2a2a;border-color:#444;color:#e0e0e0}body.dark-mode .nav-search-input::placeholder{color:#ccc}body.dark-mode .nav-search-results{background:#2a2a2a;border-color:#444}body.dark-mode .nav-search-result-link{color:#e0e0e0}body.dark-mode .nav-search-result-link:hover{background:#333}body.dark-mode .nav-search-name{color:#fff}body.dark-mode .nav-search-brand{color:#ddd}body.dark-mode .nav-user-greeting{color:#ccc}body.dark-mode .nav-user-link:hover{background-color:#333}body.dark-mode .dropdown-arrow{color:#ddd}body.dark-mode .profile-dropdown-menu{background:#2a2a2a;border-color:#444;box-shadow:0 8px 24px #00000080}body.dark-mode .dropdown-item{color:#e0e0e0}body.dark-mode .dropdown-item:hover{background:#333}body.dark-mode .dropdown-divider{background:#444}body.dark-mode .icon-link{color:#ccc}body.dark-mode .icon-link:hover{color:#4dabf7}body.dark-mode .nav-icon-svg{filter:invert(1)}body.dark-mode .nav-search-icon{filter:invert(1);opacity:.6}body.dark-mode .hamburger span{background-color:#ccc}@media screen and (max-width:768px){body.dark-mode .nav-menu{background-color:#1e1e1e;border-bottom-color:#444}body.dark-mode .nav-item{border-bottom-color:#444}body.dark-mode .nav-link-btn{background-color:#4dabf7;color:#fff}body.dark-mode .icon-link .nav-link-label,body.dark-mode .nav-link-label{color:#ccc}}body.dark-mode .notif-dropdown{background:#2a2a2a;border-color:#444;box-shadow:0 8px 32px #00000080}body.dark-mode .notif-dropdown-header{border-color:#444}body.dark-mode .notif-dropdown-title{color:#e0e0e0}body.dark-mode .notif-mark-all-btn{color:#4dabf7}body.dark-mode .notif-item:hover,body.dark-mode .notif-mark-all-btn:hover{background:#333}body.dark-mode .notif-unread{background:#1e2a3a}body.dark-mode .notif-unread:hover{background:#253346}body.dark-mode .notif-message{color:#ddd}body.dark-mode .notif-time{color:#999}body.dark-mode .notif-empty{color:#888}.nav-help-dropdown{align-items:center;display:flex;position:relative}.nav-help-dropdown:after{content:"";height:12px;left:0;position:absolute;right:0;top:100%;z-index:1199}.help-toggle-btn{cursor:pointer}.help-dropdown-menu{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 8px 24px #0000001f;display:none;list-style:none;margin:0;min-width:200px;padding:8px 0;position:absolute;right:0;top:calc(100% + 12px);z-index:1200}.help-dropdown-menu:hover,.nav-help-dropdown:hover .help-dropdown-menu,.nav-help-dropdown:hover:after{display:block}.help-dropdown-menu .dropdown-item{align-items:center;color:#333;display:flex;font-size:.9rem;font-weight:500;gap:10px;padding:10px 16px;text-decoration:none;transition:background .15s ease}.help-dropdown-menu .dropdown-item:hover{background:#f5f5f5}body.dark-mode .help-dropdown-menu{background:#2a2a2a;border-color:#444;box-shadow:0 8px 24px #00000080}body.dark-mode .help-dropdown-menu .dropdown-item{color:#e0e0e0}body.dark-mode .help-dropdown-menu .dropdown-item:hover{background:#333}.theme-toggle-btn{padding:4px!important}.theme-toggle-icon{height:22px;transition:transform .3s ease;vertical-align:middle;width:22px}.theme-toggle-btn:hover .theme-toggle-icon{transform:rotate(30deg)}body.dark-mode .theme-toggle-icon{filter:brightness(0) invert(1);opacity:.85}body.dark-mode .theme-toggle-btn:hover .theme-toggle-icon{opacity:1}.products-section{background-color:#fff;border-radius:8px;margin:40px 0;padding:30px 20px}.products-header{margin-bottom:50px;text-align:left}.products-header h2{color:#000;font-size:36px;font-weight:700;margin:0 0 10px}.products-header p{color:#666;font-size:16px;margin:0}.sort-filter-bar{flex-wrap:wrap;gap:14px;margin-bottom:18px;padding:0 4px}.sort-control,.sort-filter-bar{align-items:center;display:flex}.sort-control{gap:8px}.sort-control label{color:#333;font-size:14px;font-weight:600;white-space:nowrap}.sort-select{background:#fff;border:1px solid #ccc;border-radius:8px;color:#333;cursor:pointer;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s}.sort-select:focus{border-color:#2563eb}.filter-toggle-btn{background:#fff;border:1px solid #ccc;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-toggle-btn:hover{border-color:#2563eb;color:#2563eb}.filter-toggle-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.clear-filters-btn{background:#0000;border:none;border-radius:8px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:background .2s}.clear-filters-btn:hover{background:#fef2f2}.filter-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-wrap:wrap;gap:32px;margin-bottom:20px;padding:20px 24px}.filter-group{min-width:160px}.filter-group-title{color:#555;font-size:13px;font-weight:700;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{background:#fff;border:1px solid #d1d5db;border-radius:20px;color:#374151;cursor:pointer;font-size:13px;padding:6px 14px;transition:all .2s}.filter-chip:hover{border-color:#2563eb;color:#2563eb}.filter-chip.active{background:#2563eb;border-color:#2563eb;color:#fff}.products-count{color:#888;font-size:14px;margin:0 0 6px 4px}.no-results{color:#999;font-size:16px;grid-column:1/-1;padding:60px 20px;text-align:center}.products-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:20px 0}.product-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.product-card:hover{border-color:#007bff;box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.product-image-container{background-color:#f9f9f9;overflow:hidden;padding-bottom:100%;position:relative;width:100%}.product-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.condition-badge{background-color:#007bff;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:10px;text-transform:uppercase;top:10px}.product-info{display:flex;flex-direction:column;flex-grow:1;padding:20px}.product-collection{color:#999;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.product-name{color:#000;flex-grow:1;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 12px}.product-rating{align-items:center;display:flex;gap:8px;margin-bottom:12px}.stars{color:#ffc107;font-size:14px}.rating-value{color:#666;font-size:14px;font-weight:500}.product-price{margin:12px 0}.price{color:#000;font-size:24px;font-weight:700;margin:0 0 15px}.buy-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease;width:100%}.buy-button:hover{background-color:#0056b3;transform:scale(1.02)}.buy-button:active{transform:scale(.98)}.product-card-wrapper{position:relative}.add-to-cart-btn{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-top:10px;padding:10px 15px;transition:all .3s ease;width:100%}.add-to-cart-btn:hover{background-color:#1e7e34;transform:scale(1.02)}.add-to-cart-btn:active{transform:scale(.98)}@media screen and (max-width:1024px){.products-grid{gap:25px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.products-header h2{font-size:28px}}@media screen and (max-width:768px){.products-section{padding:40px 15px}.products-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.products-header h2{font-size:24px}.product-name,.products-header p{font-size:14px}.price{font-size:20px}.buy-button{font-size:13px;padding:10px 15px}}body.dark-mode .main-content{background:#121212}body.dark-mode .products-section{background-color:#1e1e1e}body.dark-mode .products-header h2{color:#fff}body.dark-mode .products-header p{color:#ddd}body.dark-mode .sort-control label{color:#ccc}body.dark-mode .sort-select{background:#2a2a2a;border-color:#444;color:#e0e0e0}body.dark-mode .sort-select:focus{border-color:#4dabf7}body.dark-mode .filter-toggle-btn{background:#2a2a2a;border-color:#444;color:#ccc}body.dark-mode .filter-toggle-btn:hover{border-color:#4dabf7;color:#4dabf7}body.dark-mode .filter-toggle-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}body.dark-mode .clear-filters-btn{color:#f87171}body.dark-mode .clear-filters-btn:hover{background:#2a1a1a}body.dark-mode .filter-panel{background:#252525;border-color:#3a3a3a}body.dark-mode .filter-group-title{color:#ddd}body.dark-mode .filter-chip{background:#2a2a2a;border-color:#444;color:#ccc}body.dark-mode .filter-chip:hover{border-color:#4dabf7;color:#4dabf7}body.dark-mode .filter-chip.active{background:#2563eb;border-color:#2563eb;color:#fff}body.dark-mode .no-results,body.dark-mode .products-count{color:#ccc}body.dark-mode .product-card{background:#1e1e1e;border-color:#333;box-shadow:0 2px 8px #0000004d}body.dark-mode .product-card:hover{border-color:#4dabf7;box-shadow:0 4px 16px #00000080}body.dark-mode .product-card-link{color:inherit}body.dark-mode .product-image-container{background-color:#252525}body.dark-mode .condition-badge{background-color:#007bff;color:#fff}body.dark-mode .product-collection{color:#ccc}body.dark-mode .product-card h3,body.dark-mode .product-name{color:#fff}body.dark-mode .product-brand{color:#ddd}body.dark-mode .product-price{color:#4dabf7}body.dark-mode .price{color:#e0e0e0}body.dark-mode .buy-button{background-color:#007bff;color:#fff}body.dark-mode .buy-button:hover{background-color:#0056b3}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:20px}.auth-card{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-width:500px;padding:40px;width:100%}.signin-card{max-width:380px}.auth-header{margin-bottom:30px;text-align:center}.auth-header h1{color:#000;font-size:28px;margin:0 0 10px}.auth-header p{color:#666;font-size:14px;margin:0}.auth-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{border:1px solid #e0e0e0;border-radius:5px;font-family:inherit;font-size:14px;padding:12px 15px;transition:all .3s ease}.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=text]:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group input.error{border-color:#dc3545}.form-group input.error:focus{box-shadow:0 0 0 3px #dc35451a}.form-group.checkbox{align-items:center;flex-direction:row;gap:10px;margin:5px 0}.form-group.checkbox input[type=checkbox]{accent-color:#007bff;cursor:pointer;height:18px;width:18px}.form-group.checkbox label{cursor:pointer;font-weight:400;margin:0}.submit-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px 20px;transition:all .3s ease}.submit-button:hover:not(:disabled){background-color:#0056b3;box-shadow:0 5px 15px #007bff4d;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.auth-links{margin:15px 0;text-align:center}.forgot-link{color:#007bff;font-size:14px;text-decoration:none;transition:color .3s ease}.forgot-link:hover{color:#0056b3;text-decoration:underline}.auth-footer{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px;text-align:center}.auth-footer p{color:#666;font-size:14px;margin:0}.auth-footer a{color:#007bff;font-weight:600;text-decoration:none;transition:color .3s ease}.auth-footer a:hover{color:#0056b3;text-decoration:underline}.optional-label{color:#999;font-size:.85em;font-weight:400}@media screen and (max-width:768px){.auth-card{padding:30px 25px}.form-row{grid-template-columns:1fr}.auth-header h1{font-size:24px}}@media screen and (max-width:480px){.auth-container{min-height:calc(100vh - 50px);padding:15px}.auth-card{max-width:100%;padding:25px 20px}.auth-header h1{font-size:22px}.auth-header p,.form-group label{font-size:13px}.submit-button{font-size:15px;padding:11px 18px}}body.dark-mode .auth-container,body.dark-mode .signin-container,body.dark-mode .signup-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}body.dark-mode .auth-card,body.dark-mode .signin-card,body.dark-mode .signup-card{background:#1e1e1e;border:1px inset #444;border-radius:2%;box-shadow:0 10px 40px #00000080}body.dark-mode .auth-card h2,body.dark-mode .auth-header h1,body.dark-mode .signin-card h2,body.dark-mode .signup-card h2{color:#fff}body.dark-mode .auth-header p{color:#ddd}body.dark-mode .auth-card label,body.dark-mode .form-group label,body.dark-mode .signin-card label,body.dark-mode .signup-card label{color:#ccc}body.dark-mode .auth-card input,body.dark-mode .form-group input[type=email],body.dark-mode .form-group input[type=password],body.dark-mode .form-group input[type=text],body.dark-mode .signin-card input,body.dark-mode .signup-card input{background:#2a2a2a;border-color:#444;color:#e0e0e0}body.dark-mode .auth-card input::placeholder,body.dark-mode .signin-card input::placeholder,body.dark-mode .signup-card input::placeholder{color:#777}body.dark-mode .form-group.checkbox label{color:#ccc}body.dark-mode .error-text{color:#f5a0a0}body.dark-mode .auth-links,body.dark-mode .optional-label{color:#ccc}body.dark-mode .forgot-link{color:#4dabf7}body.dark-mode .forgot-link:hover{color:#74c0fc}body.dark-mode .auth-footer{border-top-color:#333}body.dark-mode .auth-footer p{color:#ddd}body.dark-mode .auth-footer a{color:#4dabf7}body.dark-mode .auth-footer a:hover{color:#74c0fc}.product-card-link{color:inherit;text-decoration:none}.product-detail-container{margin:40px auto;max-width:1200px;min-height:calc(100vh - 200px);padding:0 20px}.size-system-selector{display:inline-flex;gap:4px}.size-system-btn{background:#fff;border:1px solid #ccc;border-radius:4px;color:#666;cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px;transition:all .2s ease}.size-system-btn.active{background:#007bff;border-color:#007bff;color:#fff}.size-picker{margin-bottom:10px}.size-picker-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.size-buttons-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.size-btn{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:12px 8px;text-align:center;transition:all .2s ease}.size-btn.available{border-color:#28a745;color:#28a745}.size-btn.available:hover{background:#e6f9ed;border-color:#1e7e34;color:#1e7e34}.size-btn.unavailable{cursor:not-allowed;opacity:.4;text-decoration:line-through}.size-btn:hover{border-color:#007bff;color:#007bff}.size-btn.active{background:#007bff;border-color:#007bff;color:#fff}.product-detail-grid{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr 1fr;margin-top:20px}.product-image-section{position:relative}.product-detail-image{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;width:100%}.product-detail-badge{background-color:#007bff;border-radius:5px;color:#fff;font-size:13px;font-weight:600;padding:8px 15px;position:absolute;right:15px;text-transform:uppercase;top:15px}.product-info-section{display:flex;flex-direction:column;gap:20px}.product-detail-brand{color:#999;font-size:13px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.product-detail-title{color:#000;font-size:36px;font-weight:700;line-height:1.3;margin:0 0 10px}.product-rating-section{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:12px;padding:15px 0}.reviews-count{color:#999;font-size:14px}.product-description{color:#555;font-size:16px;line-height:1.6;margin:0}.product-specs{grid-gap:15px;background-color:#f9f9f9;border-radius:8px;display:grid;gap:15px;grid-template-columns:1fr 1fr;padding:20px}.spec{display:flex;flex-direction:column;gap:5px}.spec-label{color:#999;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.spec-value{color:#333;font-size:15px;font-weight:500}.spec-value.in-stock{color:#28a745;font-weight:600}.spec-value.out-of-stock{color:#dc3545;font-weight:600}.product-actions{display:flex;flex-direction:column;gap:15px;margin-top:20px}.price-section{align-items:baseline;display:flex;gap:10px}.product-detail-price{color:#000;font-size:40px;font-weight:700}.quantity-section{align-items:center;display:flex;gap:12px}.quantity-section label{color:#333;font-size:15px;font-weight:600}.quantity-input{border:1px solid #e0e0e0;border-radius:5px;font-size:16px;padding:10px;text-align:center;width:70px}.quantity-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.add-to-cart-btn,.buy-now-btn{border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.add-to-cart-btn{background-color:#f0f0f0;border:2px solid #999;color:#333}.add-to-cart-btn:hover:not(:disabled){background-color:#e0e0e0;border-color:#666}.buy-now-btn{background-color:#007bff;color:#fff}.buy-now-btn:hover:not(:disabled){background-color:#0056b3;box-shadow:0 5px 15px #007bff4d;transform:translateY(-2px)}.add-to-cart-btn:disabled,.buy-now-btn:disabled{cursor:not-allowed;opacity:.6}.add-to-cart-btn.cooldown{background-color:#28a745;border-color:#28a745;color:#fff;opacity:.85}@media screen and (max-width:1024px){.product-detail-grid{gap:30px;grid-template-columns:1fr}.product-detail-title{font-size:28px}.product-detail-price{font-size:32px}.product-specs{grid-template-columns:1fr}}@media screen and (max-width:768px){.product-detail-container{margin:20px auto}.product-detail-title{font-size:24px}.product-detail-price{font-size:28px}.product-actions{gap:12px}.add-to-cart-btn,.buy-now-btn,.place-bid-full-btn{font-size:14px;padding:12px 20px}.quantity-section{align-items:flex-start;flex-direction:column}}body.dark-mode .product-detail-container{background:#121212}body.dark-mode .product-detail-content{background:#1e1e1e;color:#e0e0e0}body.dark-mode .product-detail-name{color:#fff}body.dark-mode .product-detail-brand{color:#ccc}body.dark-mode .product-detail-title{color:#fff}body.dark-mode .product-detail-image{background-color:#252525}body.dark-mode .product-detail-badge{background-color:#007bff;color:#fff}body.dark-mode .product-description{color:#e0e0e0}body.dark-mode .product-specs{background-color:#252525}body.dark-mode .spec-label{color:#ccc}body.dark-mode .spec-value{color:#e0e0e0}body.dark-mode .product-detail-price{color:#fff}body.dark-mode .product-rating-section{border-bottom-color:#333}body.dark-mode .rating-value{color:#e0e0e0}body.dark-mode .reviews-count{color:#ccc}body.dark-mode .size-picker-header{color:#e0e0e0}body.dark-mode .detail-label{color:#ddd}body.dark-mode .detail-value{color:#e0e0e0}body.dark-mode .size-system-btn{background:#2a2a2a;border-color:#444;color:#ccc}body.dark-mode .size-system-btn.active{background:#007bff;border-color:#007bff;color:#fff}body.dark-mode .size-btn{background:#2a2a2a;border-color:#444;color:#ccc}body.dark-mode .size-btn.available{border-color:#28a745;color:#5fda7f}body.dark-mode .size-btn.available:hover{background:#1e3a24;border-color:#34d058;color:#5fda7f}body.dark-mode .size-btn.unavailable{opacity:.3}body.dark-mode .size-btn:hover{border-color:#007bff;color:#4dabf7}body.dark-mode .size-btn.active{background:#007bff;color:#fff}body.dark-mode .add-to-cart-btn{background-color:#2a2a2a;border-color:#555;color:#e0e0e0}body.dark-mode .add-to-cart-btn:hover:not(:disabled){background-color:#333;border-color:#888}body.dark-mode .add-to-cart-btn.cooldown{background-color:#28a745;border-color:#28a745;color:#fff}body.dark-mode .buy-now-btn{background-color:#007bff;color:#fff}body.dark-mode .buy-now-btn:hover:not(:disabled){background-color:#0056b3}body.dark-mode .not-found{color:#ccc}body.dark-mode .not-found h2{color:#fff}body.dark-mode .quantity-section label{color:#ccc}body.dark-mode .quantity-input{background:#2a2a2a;border-color:#444;color:#e0e0e0}.or-divider{align-items:center;display:flex;gap:12px;margin:4px 0}.or-divider:after,.or-divider:before{background:#ccc;content:"";flex:1 1;height:1px}.or-text{color:#666;font-size:15px;font-weight:700;text-align:center}.place-bid-full-btn{background-color:#1db954;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease;width:100%}.place-bid-full-btn:hover{background-color:#18a349;box-shadow:0 5px 15px #1db9544d;transform:translateY(-2px)}.color-picker{align-items:center;display:flex;gap:12px}.color-swatches{display:flex;gap:8px}.color-swatch{border:2px solid #ccc;border-radius:50%;cursor:pointer;height:32px;outline:none;padding:0;transition:all .2s ease;width:32px}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:#007bff;box-shadow:0 0 0 3px #007bff4d}.color-label{color:#555;font-size:14px;font-weight:500}.bid-color{color:#1db954!important}.ask-color{color:#e23636!important}.bold{font-weight:700}.market-summary{background:#f4f7f9;border-radius:10px;padding:16px 20px}.market-summary-row{display:flex;gap:24px}.market-stat{display:flex;flex:1 1;flex-direction:column;gap:4px}.market-stat-label{color:#888;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.market-stat-value{font-size:22px;font-weight:700}.bid-ask-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.bid-action-btn{align-items:center;border:2px solid;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:4px;padding:16px 12px;transition:all .2s ease}.bid-action-label{font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.bid-action-hint{font-size:12px;opacity:.8}.place-bid-btn{background:#1db954;border-color:#1db954;color:#fff}.place-bid-btn:hover{background:#18a349;box-shadow:0 4px 12px #1db9544d;transform:translateY(-2px)}.place-ask-btn{background:#e23636;border-color:#e23636;color:#fff}.place-ask-btn:hover{background:#c92e2e;box-shadow:0 4px 12px #e236364d;transform:translateY(-2px)}.bid-inline-error{color:#dc3545;font-size:13px;font-weight:500;margin-top:-8px}.no-listings-banner{background:#f0f4ff;border:1px solid #c5d5f7;border-radius:10px;margin-bottom:12px;padding:16px 20px}.no-listings-text{color:#333;font-size:14px;font-weight:600;margin:0 0 4px}.no-listings-hint{color:#666;font-size:13px;margin:0}.price-subtext{color:#999;font-size:13px;font-weight:400}.market-book{background:#f9f9f9;border-radius:10px;padding:20px}.market-book-title{color:#333;font-size:16px;font-weight:700;margin:0 0 16px}.market-book-cols{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.book-col-header{font-size:13px;font-weight:700;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.book-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.book-item{align-items:center;background:#fff;border-radius:6px;display:flex;font-size:14px;justify-content:space-between;padding:8px 10px}.book-price{font-weight:600}.book-size{color:#888;font-size:12px}.book-empty{color:#aaa;font-size:13px;font-style:italic}.bid-size-modal{background:#fff;border-radius:12px;max-height:85vh;max-width:520px;overflow-y:auto;padding:24px;position:relative;width:90vw}.bid-size-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.bid-size-modal-header h2{font-size:18px;font-weight:600;margin:0}.bid-size-system-tabs{display:flex;gap:4px;margin-bottom:16px}.bid-size-system-tab{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#555;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:all .15s ease}.bid-size-system-tab:hover{border-color:#007bff;color:#007bff}.bid-size-system-tab.active{background:#333;border-color:#333;color:#fff}.bid-size-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.bid-size-cell{align-items:center;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:58px;padding:12px 4px;transition:all .15s ease}.bid-size-cell:hover{border-color:#007bff}.bid-size-cell.selected{background:#e6faf0;border-color:#28a745;box-shadow:0 0 0 2px #28a745}.bid-size-cell.has-ask{background:#fff}.bid-size-label{color:#333;font-size:13px;font-weight:600;line-height:1.2}.bid-size-ask{color:#28a745;font-size:11px;font-weight:500;margin-top:2px}.bid-size-ask.no-ask{color:#999}.bid-size-modal-footer{display:flex;justify-content:flex-end}.bid-size-confirm-btn{background:#333;border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;transition:background .15s ease}.bid-size-confirm-btn:hover:not(:disabled){background:#111}.bid-size-confirm-btn:disabled{cursor:not-allowed;opacity:.5}.bid-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:460px;padding:32px;position:relative;width:90%}.bid-modal h2{font-size:22px;margin:0 0 4px}.bid-modal-product{color:#888;font-size:14px;margin:0 0 20px}.bid-modal-market{background:#f4f7f9;border-radius:8px;display:flex;font-size:14px;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.bid-modal-input-group{margin-bottom:16px}.bid-modal-input-group label{color:#666;display:block;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.bid-modal-input{-moz-appearance:textfield;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:18px;font-weight:600;padding:14px 16px;transition:border-color .2s;width:100%}.bid-modal-input::-webkit-inner-spin-button,.bid-modal-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bid-modal-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.bid-match-notice{background:#e8f5e9;border-radius:6px;color:#2e7d32;font-size:13px;font-weight:500;margin-bottom:16px;padding:10px 14px}.bid-modal-error{color:#dc3545}.bid-modal-error,.bid-modal-success{font-size:13px;font-weight:500;margin-bottom:12px}.bid-modal-success{color:#28a745}.bid-modal-actions{display:flex;gap:12px;margin-top:20px}.bid-modal-cancel{background:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px}.bid-modal-cancel:hover{background:#f5f5f5}.bid-modal-submit{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px}.bid-modal-submit:disabled{cursor:not-allowed;opacity:.6}body.dark-mode .market-summary{background:#1e2a1e}body.dark-mode .market-stat-label{color:#aaa}body.dark-mode .market-stat-value{color:#e0e0e0}body.dark-mode .market-book{background:#1e1e1e}body.dark-mode .market-book-title{color:#e0e0e0}body.dark-mode .book-item{background:#2a2a2a}body.dark-mode .book-size{color:#aaa}.price-chart-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;margin:20px 0 16px;padding:20px}.price-chart-title{color:#333;font-size:16px;font-weight:700;margin:0}.price-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.price-chart-range-btns{display:flex;gap:4px}.price-chart-range-btn{background:#e9ecef;border:none;border-radius:6px;color:#555;cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px;transition:background .15s,color .15s}.price-chart-range-btn:hover{background:#dee2e6}.price-chart-range-btn.active{background:#007bff;color:#fff}body.dark-mode .price-chart-section{background:#1e1e1e;border-color:#333}body.dark-mode .price-chart-title{color:#e0e0e0}body.dark-mode .price-chart-range-btn{background:#333;color:#aaa}body.dark-mode .price-chart-range-btn:hover{background:#444}body.dark-mode .price-chart-range-btn.active{background:#007bff;color:#fff}body.dark-mode .price-chart-section .recharts-cartesian-grid line{stroke:#333}body.dark-mode .price-chart-section .recharts-text{fill:#aaa}body.dark-mode .price-chart-section .recharts-tooltip-wrapper .recharts-default-tooltip{background:#2a2a2a!important;border-color:#444!important;color:#e0e0e0}.price-chart-tooltip{background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 8px #0000001f;font-size:13px;line-height:1.5;padding:8px 12px}.price-chart-tooltip-date{color:#666;font-size:12px;margin-bottom:2px}.price-chart-tooltip-price{color:#333;font-weight:600}.price-chart-tooltip-price span{color:#007bff}body.dark-mode .price-chart-tooltip{background:#2a2a2a;border-color:#444}body.dark-mode .price-chart-tooltip-date{color:#aaa}body.dark-mode .price-chart-tooltip-price{color:#e0e0e0}body.dark-mode .price-chart-tooltip-price span{color:#5ba8ff}body.dark-mode .bid-size-modal{background:#1e1e1e;color:#e0e0e0}body.dark-mode .bid-size-modal-header h2{color:#fff}body.dark-mode .bid-size-system-tab{background:#2a2a2a;border-color:#444;color:#aaa}body.dark-mode .bid-size-system-tab:hover{border-color:#007bff;color:#4dabf7}body.dark-mode .bid-size-system-tab.active{background:#e0e0e0;border-color:#e0e0e0;color:#1e1e1e}body.dark-mode .bid-size-cell{background:#2a2a2a;border-color:#444}body.dark-mode .bid-size-cell:hover{border-color:#007bff}body.dark-mode .bid-size-cell.selected{background:#1b3a1b;border-color:#28a745;box-shadow:0 0 0 2px #28a745}body.dark-mode .bid-size-cell.has-ask{background:#252525}body.dark-mode .bid-size-label{color:#e0e0e0}body.dark-mode .bid-size-ask{color:#5fda7f}body.dark-mode .bid-size-ask.no-ask{color:#666}body.dark-mode .bid-size-confirm-btn{background:#e0e0e0;color:#1e1e1e}body.dark-mode .bid-size-confirm-btn:hover:not(:disabled){background:#fff}body.dark-mode .bid-modal{background:#1e1e1e;color:#e0e0e0}body.dark-mode .bid-modal h2{color:#fff}body.dark-mode .bid-modal-product{color:#aaa}body.dark-mode .bid-modal-market{background:#252525}body.dark-mode .bid-modal-input{background:#2a2a2a;border-color:#444;color:#e0e0e0}body.dark-mode .bid-modal-input:focus{border-color:#007bff}body.dark-mode .bid-match-notice{background:#1b3a1b;color:#66bb6a}body.dark-mode .bid-modal-cancel{background:#2a2a2a;border-color:#444;color:#e0e0e0}body.dark-mode .bid-modal-cancel:hover{background:#333}body.dark-mode .bid-inline-error{color:#ff6b6b}body.dark-mode .no-listings-banner{background:#1a2332;border-color:#2a3a52}body.dark-mode .no-listings-text{color:#e0e0e0}body.dark-mode .no-listings-hint{color:#999}body.dark-mode .price-subtext{color:#888}body.dark-mode .or-divider:after,body.dark-mode .or-divider:before{background:#444}body.dark-mode .or-text{color:#aaa}body.dark-mode .place-bid-full-btn{background-color:#1db954;color:#fff}body.dark-mode .place-bid-full-btn:hover{background-color:#18a349}body.dark-mode .color-swatch{border-color:#555}body.dark-mode .color-swatch.active{border-color:#007bff;box-shadow:0 0 0 3px #007bff4d}body.dark-mode .color-label{color:#ccc}@media screen and (max-width:768px){.bid-ask-actions,.market-book-cols{grid-template-columns:1fr}.bid-modal-market{flex-direction:column;gap:8px}}.about-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:40px auto;max-width:900px;min-height:calc(100vh - 200px);padding:40px 20px}.about-content h1{border-bottom:3px solid #007bff;color:#333;font-size:42px;margin-bottom:30px;padding-bottom:20px;text-align:center}.about-section{line-height:1.8;margin-bottom:30px}.about-section h2{color:#007bff;font-size:24px;margin-bottom:15px;margin-top:25px}.about-section p{color:#555;font-size:16px;line-height:1.8}.about-list{list-style:none;margin:15px 0;padding:0}.about-list li{color:#555;font-size:16px;margin-bottom:15px;padding-left:25px;position:relative}.about-list li:before{color:#007bff;content:"✓";font-size:18px;font-weight:700;left:0;position:absolute}.about-cta{border-top:2px solid #eee;margin-top:40px;padding-top:30px;text-align:center}@media screen and (max-width:768px){.about-container{margin:20px auto;padding:25px 15px}.about-content h1{font-size:32px;margin-bottom:20px}.about-section h2{font-size:20px;margin-top:20px}.about-list li,.about-section p,.cta-button{font-size:14px}.cta-button{padding:12px 30px}}body.dark-mode .about-container{background:#1e1e1e;box-shadow:0 2px 8px #0006}body.dark-mode .about-content h1{border-bottom-color:#4dabf7;color:#fff}body.dark-mode .about-section{color:#e0e0e0}body.dark-mode .about-section h2{color:#4dabf7}body.dark-mode .about-list li,body.dark-mode .about-list li strong,body.dark-mode .about-section p{color:#e0e0e0}body.dark-mode .about-list li:before{color:#4dabf7}body.dark-mode .about-cta{border-top-color:#333}.sell-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:30px auto;max-width:700px;padding:40px 20px}.sell-content h1{border-bottom:3px solid #007bff;color:#333;font-size:42px;margin-bottom:20px;padding-bottom:20px;text-align:center}.sell-info{background-color:#f0f8ff;border-left:4px solid #007bff;border-radius:5px;margin-bottom:30px;padding:20px}.sell-info p{color:#555;font-size:16px;margin:0}.sell-form{margin-top:30px}.product-selection h2{color:#007bff;font-size:24px;margin-bottom:20px;margin-top:0}.product-options{grid-gap:15px;display:grid;gap:15px;margin-bottom:30px}.product-option{background-color:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;padding:15px 20px;transition:all .3s ease}.product-option-inner{align-items:center;display:flex;gap:18px}.product-option-img{background:#f5f5f5;border-radius:6px;flex-shrink:0;height:72px;object-fit:contain;width:72px}.product-option-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.product-option-min-price{color:#888;font-size:13px;font-weight:500;margin-left:35px}.product-option:hover{background-color:#f0f8ff;border-color:#007bff}.product-option.selected{background-color:#e7f3ff;border-color:#007bff;box-shadow:0 0 10px #007bff33}.product-radio{align-items:center;display:flex;gap:15px}.product-radio input[type=radio]{accent-color:#007bff;cursor:pointer;height:20px;width:20px}.product-radio label{color:#333;cursor:pointer;font-size:18px;font-weight:500;margin:0}.submit-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:background-color .3s ease,transform .2s ease;width:100%}.submit-btn:hover{background-color:#0056b3;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.sell-info-footer{border-top:2px solid #eee;margin-top:40px;padding-top:30px}.sell-info-footer h3{color:#333;font-size:20px;margin-bottom:15px}.sell-info-footer ol{color:#555;line-height:1.8;padding-left:20px}.sell-info-footer li{margin-bottom:10px}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:8px;box-shadow:0 5px 30px #0000004d;max-width:400px;padding:35px 30px;position:relative;width:90%}.modal-close-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;position:absolute;right:12px;top:12px;transition:color .2s ease;width:30px}.modal-close-btn:hover{color:#333}.modal-content h2{color:#333;font-size:24px;margin-bottom:15px;margin-top:0}.modal-content p{color:#666;font-size:15px;line-height:1.6;margin-bottom:25px}.modal-signin-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:10px;padding:12px;transition:background-color .3s ease,transform .2s ease;width:100%}.modal-signin-btn:hover{background-color:#0056b3;transform:translateY(-2px)}.modal-signin-btn:active{transform:translateY(0)}.modal-cancel-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:5px;color:#333;cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:background-color .3s ease;width:100%}.modal-cancel-btn:hover{background-color:#e0e0e0}@media screen and (max-width:768px){.sell-container{margin:20px auto;padding:25px 15px}.sell-content h1{font-size:32px;margin-bottom:15px}.product-selection h2{font-size:20px}.product-option{padding:12px 15px}.product-option-img{height:56px;width:56px}.product-radio label{font-size:16px}.submit-btn{font-size:14px;padding:12px}.sell-info-footer h3{font-size:18px}}body.dark-mode .sell-container{background:#1e1e1e;box-shadow:0 2px 8px #0006}body.dark-mode .sell-content{color:#e0e0e0}body.dark-mode .sell-content h1{border-bottom-color:#4dabf7;color:#fff}body.dark-mode .sell-info{background-color:#1a2e4a;border-left-color:#4dabf7}body.dark-mode .sell-info p{color:#e0e0e0}body.dark-mode .product-selection h2{color:#4dabf7}body.dark-mode .product-option{background-color:#252525;border-color:#444}body.dark-mode .product-option-img{background:#333}body.dark-mode .product-option-min-price{color:#aaa}body.dark-mode .product-option:hover{background-color:#1a2e4a;border-color:#4dabf7}body.dark-mode .product-option.selected{background-color:#1a2e4a;border-color:#007bff;box-shadow:0 0 10px #007bff4d}body.dark-mode .product-radio label{color:#e0e0e0}body.dark-mode .product-radio input[type=radio]{accent-color:#4dabf7}body.dark-mode .submit-btn{background-color:#007bff;color:#fff}body.dark-mode .submit-btn:hover{background-color:#0056b3}body.dark-mode .sell-info-footer{border-top-color:#333}body.dark-mode .sell-info-footer h3{color:#fff}body.dark-mode .sell-info-footer ol{color:#e0e0e0}body.dark-mode .modal-overlay{background-color:#000000b3}body.dark-mode .modal-content{background:#1e1e1e;box-shadow:0 5px 30px #0009}body.dark-mode .modal-close-btn{color:#ccc}body.dark-mode .modal-close-btn:hover,body.dark-mode .modal-content h2{color:#fff}body.dark-mode .modal-content p{color:#e0e0e0}body.dark-mode .modal-cancel-btn{background-color:#333;border-color:#444;color:#ccc}body.dark-mode .modal-cancel-btn:hover{background-color:#444}body.dark-mode .modal-signin-btn{background-color:#007bff;color:#fff}.sell-form-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:30px auto;max-width:900px;padding:40px 20px}.sell-form-content h1{border-bottom:3px solid #007bff;color:#333;font-size:36px;margin-bottom:30px;margin-top:20px;padding-bottom:18px}.listing-form .form-section{margin-bottom:35px}.listing-form .form-section h2{color:#007bff;font-size:22px;margin-bottom:15px;margin-top:0}.size-input-wrapper{max-width:250px}.size-select{-webkit-appearance:auto;appearance:auto;background-color:#fff;border:2px solid #ddd;border-radius:5px;cursor:pointer;font-size:16px;padding:12px 15px;transition:border-color .3s ease;width:100%}.size-select:focus{border-color:#007bff;outline:none}.ask-price-input-wrapper{align-items:center;display:flex;gap:10px;max-width:300px}.ask-price-currency{color:#333;font-size:16px;font-weight:600}.ask-price-input{-moz-appearance:textfield;background-color:#fff;border:2px solid #ddd;border-radius:5px;flex:1 1;font-size:16px;padding:12px 15px;transition:border-color .3s ease}.ask-price-input::-webkit-inner-spin-button,.ask-price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ask-price-input:focus{border-color:#007bff;outline:none}.image-guidelines-banner{background-color:#f0f8ff;border-left:4px solid #007bff;border-radius:5px;margin-bottom:25px;padding:18px 22px}.image-guidelines-banner h3{color:#333;font-size:16px;margin:0 0 10px}.image-guidelines-banner ul{color:#555;font-size:14px;line-height:1.8;margin:0;padding-left:18px}.image-upload-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.image-upload-card{background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;padding:15px}.upload-label{align-items:center;display:flex;gap:8px;margin-bottom:5px}.upload-number{align-items:center;background-color:#007bff;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;height:24px;justify-content:center;width:24px}.upload-label strong{color:#333;font-size:14px}.upload-guideline{color:#888;font-size:12px;line-height:1.4;margin:0 0 12px}.upload-dropzone{align-items:center;background:#fff;border:2px dashed #ccc;border-radius:6px;color:#999;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:6px;height:140px;justify-content:center;transition:all .3s ease}.upload-dropzone:hover{background-color:#f0f8ff;border-color:#007bff;color:#007bff}.upload-icon{font-size:28px;font-weight:300;line-height:1}.image-preview-wrapper{border-radius:6px;height:140px;overflow:hidden;position:relative}.image-preview{border-radius:6px;height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:26px;justify-content:center;position:absolute;right:6px;top:6px;transition:background .2s ease;width:26px}.remove-image-btn:hover{background:#d32f2fe6}.detection-badge{border-radius:4px;bottom:6px;font-size:12px;font-weight:600;left:6px;letter-spacing:.3px;padding:5px 8px;position:absolute;right:6px;text-align:center}.detection-badge.detecting{background:#ffc107e6;color:#333}.detection-badge.shoe-found{background:#2e7d32e6;color:#fff}.detection-badge.shoe-not-found{background:#d32f2fe6;color:#fff}.detection-badge.detection-error{background:#9e9e9ee6;color:#fff}.detection-badge.detection-skipped{background:#2196f3e6;color:#fff}.verification-instructions{color:#555;font-size:.95rem;line-height:1.6;margin:0 0 16px}.verification-code-row{align-items:center;display:flex}.generate-code-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 28px;transition:background .2s ease}.generate-code-btn:hover{background:#0056b3}.verification-code-display{display:flex;flex-direction:column;gap:6px}.verification-code-value{background:#f0f4ff;border:2px dashed #007bff;border-radius:10px;color:#1a1a1a;display:inline-block;font-family:Courier New,Courier,monospace;font-size:2.2rem;font-weight:800;letter-spacing:8px;padding:16px 28px}.verification-code-hint{color:#888;font-size:.85rem;font-style:italic}@media screen and (max-width:768px){.sell-form-container{margin:20px auto;padding:25px 15px}.sell-form-content h1{font-size:28px}.image-upload-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.image-upload-card{padding:12px}.image-preview-wrapper,.upload-dropzone{height:120px}}@media screen and (max-width:480px){.image-upload-grid{grid-template-columns:1fr}}body.dark-mode .sell-form-container{background:#1e1e1e;box-shadow:0 2px 8px #0006}body.dark-mode .sell-form-content{color:#e0e0e0}body.dark-mode .sell-form-content h1{border-bottom-color:#4dabf7;color:#fff}body.dark-mode .listing-form{color:#e0e0e0}body.dark-mode .form-section h2{color:#4dabf7}body.dark-mode .size-select{background:#2a2a2a;border-color:#444;color:#e0e0e0}body.dark-mode .ask-price-currency{color:#e0e0e0}body.dark-mode .ask-price-input{background:#2a2a2a;border-color:#444;color:#e0e0e0}body.dark-mode .size-display p{color:#ccc}body.dark-mode .verification-instructions{color:#ddd}body.dark-mode .generate-code-btn{background:#007bff;color:#fff}body.dark-mode .generate-code-btn:hover{background:#0056b3}body.dark-mode .verification-code-value{background:#1a2e4a;border-color:#007bff;color:#fff}body.dark-mode .verification-code-hint{color:#ccc}body.dark-mode .image-guidelines-banner{background:#1a2a1a;border-color:#2a4a2a;color:#e0e0e0}body.dark-mode .image-guidelines-banner h3{color:#fff}body.dark-mode .image-guidelines-banner ul,body.dark-mode .image-guidelines-banner ul li{color:#e0e0e0}body.dark-mode .image-guidelines-banner ul li strong{color:#fff}body.dark-mode .image-upload-card{background:#2a2a2a;border-color:#444}body.dark-mode .upload-label strong{color:#e0e0e0}body.dark-mode .upload-guideline{color:#ddd}body.dark-mode .upload-dropzone{background:#1e1e1e;border-color:#555;color:#ccc}body.dark-mode .upload-dropzone:hover{background:#1a2e4a;border-color:#007bff}body.dark-mode .upload-icon{color:#ccc}body.dark-mode .sell-product-card{background:#1e1e1e;border-color:#333}body.dark-mode .sell-product-card:hover{border-color:#007bff;box-shadow:0 4px 16px #00000080}body.dark-mode .sell-product-card h3{color:#fff}body.dark-mode .sell-product-card p{color:#ddd}.active-bidders-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:18px;padding:16px 20px}.bidders-title{color:#222;font-size:15px;font-weight:600;margin:0 0 8px}.bidders-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:12px 0 0;padding:0}.bidder-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;display:flex;justify-content:space-between;padding:10px 14px;transition:border-color .2s,background .2s}.bidder-item.selected{background:#f0fff4;border-color:#28a745}.bidder-info{align-items:center;display:flex;gap:16px}.bidder-name{color:#444;font-size:14px;font-weight:500}.bidder-amount{color:#007bff;font-size:15px;font-weight:700}.sell-to-bidder-btn{background:#0000;border:2px solid #28a745;border-radius:5px;color:#28a745;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .2s}.sell-to-bidder-btn.active,.sell-to-bidder-btn:hover{background:#28a745;color:#fff}.direct-sell-summary{margin-top:4px}body.dark-mode .active-bidders-section{background:#1a1a2e;border-color:#333}body.dark-mode .bidders-title{color:#e0e0e0}body.dark-mode .bidder-item{background:#111;border-color:#333}body.dark-mode .bidder-item.selected{background:#0e2e1a;border-color:#28a745}body.dark-mode .bidder-name{color:#ccc}body.dark-mode .sell-to-bidder-btn{border-color:#28a745;color:#28a745}body.dark-mode .sell-to-bidder-btn.active,body.dark-mode .sell-to-bidder-btn:hover{background:#28a745;color:#fff}.auth-section{border-top:2px solid #e0e0e0;padding-top:20px}.authenticate-btn{background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:opacity .2s ease,transform .1s ease}.authenticate-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.authenticate-btn:disabled{cursor:not-allowed;opacity:.6}.authenticate-btn.auth-rerun{background:linear-gradient(135deg,#636e72,#b2bec3);font-size:.9rem;margin-top:16px;padding:10px 24px}.auth-error{background:#fff3f3;border:1px solid #f5c6cb;border-radius:6px;color:#c0392b;font-size:.9rem;margin-top:12px;padding:12px 16px}.auth-average{border-radius:10px;margin-top:16px;padding:22px 26px;text-align:center}.auth-average.auth-pass{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745}.auth-average.auth-fail{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #dc3545}.auth-average-verdict{font-size:1.6rem;font-weight:800;margin-bottom:8px}.auth-pass .auth-average-verdict{color:#155724}.auth-fail .auth-average-verdict{color:#721c24}.auth-average-confidence{font-size:1.1rem;margin-bottom:4px}.auth-average-checks,.auth-average-count{color:#555;font-size:.9rem}.auth-per-image{margin-top:24px}.auth-per-image h3{color:#333;font-size:16px;margin-bottom:14px}.auth-image-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.auth-image-card{border-radius:8px;padding:14px;text-align:center}.auth-image-card.auth-pass{background:#f0fff4;border:1px solid #a3d9a5}.auth-image-card.auth-fail{background:#fff5f5;border:1px solid #f5a5a5}.auth-image-card.auth-skipped{background:#f0f4ff;border:1px solid #a5b4fc}.auth-image-label{color:#333;font-size:13px;font-weight:600;margin-bottom:6px}.auth-image-verdict{font-size:14px;font-weight:700;margin-bottom:2px}.auth-pass .auth-image-verdict{color:#28a745}.auth-fail .auth-image-verdict{color:#dc3545}.auth-image-conf{font-size:1.3rem;font-weight:800;margin-bottom:4px}.auth-image-checks{color:#666;font-size:12px;margin-bottom:8px}.auth-image-status{color:#6c63ff;font-size:13px;font-weight:600;padding:8px 0}.auth-check-list{font-size:12px;list-style:none;margin:0;padding:0;text-align:left}.auth-check-list li{padding:3px 0 3px 20px;position:relative}.auth-check-list li:before{font-weight:700;left:0;position:absolute}.auth-check-list li.pass:before{color:#28a745;content:"\2713"}.auth-check-list li.fail:before{color:#dc3545;content:"\2717"}.auth-check-list li.pass{color:#2d6a4f}.auth-check-list li.fail{color:#a4161a}@media screen and (max-width:768px){.auth-image-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.auth-image-grid{grid-template-columns:1fr}}body.dark-mode .auth-section{border-top-color:#444}body.dark-mode .auth-error{background:#2a1a1a;border-color:#5a2a2a;color:#ff6b6b}body.dark-mode .auth-average.auth-pass{background:linear-gradient(135deg,#0e2e1a,#1a3a2a);border-color:#28a745}body.dark-mode .auth-average.auth-fail{background:linear-gradient(135deg,#2e0e0e,#3a1a1a);border-color:#dc3545}body.dark-mode .auth-pass .auth-average-verdict{color:#51cf66}body.dark-mode .auth-fail .auth-average-verdict{color:#ff6b6b}body.dark-mode .auth-average-checks,body.dark-mode .auth-average-confidence,body.dark-mode .auth-average-count{color:#ccc}body.dark-mode .auth-per-image h3{color:#e0e0e0}body.dark-mode .auth-image-card.auth-pass{background:#0e2e1a;border-color:#1a5a2a}body.dark-mode .auth-image-card.auth-fail{background:#2e0e0e;border-color:#5a1a1a}body.dark-mode .auth-image-card.auth-skipped{background:#1a1a3a;border-color:#3a3a5a}body.dark-mode .auth-image-label{color:#e0e0e0}body.dark-mode .auth-pass .auth-image-verdict{color:#51cf66}body.dark-mode .auth-fail .auth-image-verdict{color:#ff6b6b}body.dark-mode .auth-image-checks{color:#aaa}body.dark-mode .auth-image-status{color:#a29bfe}body.dark-mode .auth-check-list li.pass{color:#51cf66}body.dark-mode .auth-check-list li.fail{color:#ff6b6b}.profile-container{background-color:#f5f5f5;min-height:calc(100vh - 70px);padding:40px 20px}.profile-content{margin:0 auto;max-width:1200px}.profile-header{margin-bottom:40px;text-align:center}.profile-avatar-section{cursor:pointer;display:inline-block;margin-bottom:16px;position:relative}.profile-avatar{border:4px solid #e0e0e0;border-radius:50%;height:120px;object-fit:cover;transition:opacity .2s ease;width:120px}.profile-avatar-section:hover .profile-avatar{opacity:.7}.profile-avatar-overlay{align-items:center;background-color:#007bff;border:3px solid #fff;border-radius:50%;bottom:4px;display:flex;font-size:16px;height:36px;justify-content:center;position:absolute;right:4px;transition:transform .2s ease;width:36px}.profile-avatar-section:hover .profile-avatar-overlay{transform:scale(1.1)}.profile-avatar-loading{align-items:center;background:#fffc;border-radius:50%;bottom:0;color:#007bff;display:flex;font-size:12px;font-weight:600;justify-content:center;left:0;position:absolute;right:0;top:0}.profile-header h1{color:#333;font-size:36px;font-weight:700;margin:0 0 10px}.profile-subtitle{color:#666;font-size:16px;margin:0}.profile-main{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 300px}.profile-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.profile-section{border-bottom:1px solid #e0e0e0;padding:25px}.profile-section:last-child{border-bottom:none}.profile-section h2{border-bottom:2px solid #007bff;color:#333;display:inline-block;font-size:18px;font-weight:700;margin:0 0 20px;padding-bottom:10px}.profile-info-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);margin-top:15px}.profile-info-group{display:flex;flex-direction:column}.profile-info-group label{color:#666;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.profile-info-group p{color:#333;font-size:16px;margin:0;word-break:break-word}.mobile-display{align-items:center;display:flex;gap:12px}.mobile-display p{margin:0}.edit-inline-btn{background:none;border:1px solid #007bff;border-radius:6px;color:#007bff;cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 12px;transition:all .2s ease}.edit-inline-btn:hover{background:#007bff;color:#fff}.mobile-edit{display:flex;flex-direction:column;gap:8px;max-width:300px}.mobile-input{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:.95rem;padding:8px 12px}.mobile-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff26;outline:none}.mobile-edit-actions{display:flex;gap:8px}.save-mobile-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 16px;transition:background .2s ease}.save-mobile-btn:hover:not(:disabled){background:#0056b3}.save-mobile-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-mobile-btn{background:#f0f0f0;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 16px}.cancel-mobile-btn:hover:not(:disabled){background:#e0e0e0}.status-active{color:#28a745;font-weight:700}.profile-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px}.action-btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;padding:10px 20px;text-decoration:none;transition:all .3s ease}.edit-btn{background-color:#007bff;color:#fff}.edit-btn:hover:not(:disabled){background-color:#0056b3}.orders-btn{background-color:#28a745;color:#fff}.orders-btn:hover:not(:disabled){background-color:#1e7e34}.settings-btn{background-color:#6c757d;color:#fff}.settings-btn:hover:not(:disabled){background-color:#545b62}.logout-btn{background-color:#dc3545;color:#fff}.logout-btn:hover{background-color:#c82333}.action-btn:disabled{background-color:#e0e0e0;color:#999;cursor:not-allowed;opacity:.6}.danger-zone{background-color:#fff5f5;border-left:4px solid #dc3545}.delete-account-btn{background-color:#dc3545;color:#fff}.delete-account-btn:hover:not(:disabled){background-color:#a71d2a}.delete-confirm-box{margin-top:10px}.delete-confirm-box p{color:#555;font-size:14px;margin-bottom:8px}.delete-confirm-input{border:2px solid #dc3545;border-radius:8px;font-size:14px;margin-bottom:12px;max-width:300px;outline:none;padding:10px 12px;width:100%}.delete-confirm-input:focus{box-shadow:0 0 0 3px #dc354540}.delete-confirm-actions{display:flex;flex-wrap:wrap;gap:10px}.warning-text{color:#666;font-size:14px;line-height:1.6;margin:15px 0}.profile-sidebar{display:flex;flex-direction:column;gap:20px}.profile-help,.profile-stats{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.profile-help h3,.profile-stats h3{border-bottom:2px solid #007bff;color:#333;font-size:16px;font-weight:700;margin:0 0 15px;padding-bottom:10px}.stat-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 0}.stat-item:last-child{border-bottom:none}.stat-label{color:#666;font-size:14px;font-weight:500}.stat-value{color:#007bff;font-size:16px;font-weight:700}.profile-help p{color:#666;font-size:14px;line-height:1.6;margin:0 0 15px}.help-btn{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px;transition:background-color .3s ease;width:100%}.help-btn:hover:not(:disabled){background-color:#138496}.help-btn:disabled{cursor:not-allowed;opacity:.6}@media screen and (max-width:768px){.profile-container{padding:20px 10px}.profile-header h1{font-size:28px}.profile-info-grid,.profile-main{grid-template-columns:1fr}.profile-section{padding:20px}.profile-actions{flex-direction:column}.action-btn{text-align:center;width:100%}}body.dark-mode .profile-container{background:#121212}body.dark-mode .profile-content,body.dark-mode .profile-help,body.dark-mode .profile-section,body.dark-mode .profile-sidebar,body.dark-mode .profile-stats{background:#1e1e1e;color:#e0e0e0}body.dark-mode .profile-header h1{color:#fff}body.dark-mode .profile-subtitle{color:#ddd}body.dark-mode .profile-card{background-color:#1e1e1e;box-shadow:0 2px 8px #0000004d}body.dark-mode .profile-section{border-bottom-color:#333}body.dark-mode .profile-help h3,body.dark-mode .profile-section h2,body.dark-mode .profile-stats h3{color:#fff}body.dark-mode .profile-info-group label{color:#ddd}body.dark-mode .profile-info-group p{color:#e0e0e0}body.dark-mode .profile-avatar{border-color:#444}body.dark-mode .profile-avatar-overlay{border-color:#1e1e1e}body.dark-mode .profile-avatar-loading{background:#1e1e1ecc;color:#4dabf7}body.dark-mode .profile-help p{color:#ddd}body.dark-mode .stat-item{border-bottom-color:#333}body.dark-mode .stat-label{color:#ddd}body.dark-mode .stat-value{color:#4dabf7}body.dark-mode .mobile-input{background:#2a2a2a;border-color:#444;color:#e0e0e0}body.dark-mode .mobile-input:focus{border-color:#007bff}body.dark-mode .cancel-mobile-btn{background:#333;color:#ccc}body.dark-mode .cancel-mobile-btn:hover:not(:disabled){background:#444}body.dark-mode .edit-inline-btn{border-color:#4dabf7;color:#4dabf7}body.dark-mode .edit-inline-btn:hover{background:#4dabf7;color:#fff}body.dark-mode .action-btn{background:#2a2a2a;border-color:#444;color:#ccc}body.dark-mode .action-btn:hover{background:#333;border-color:#666}body.dark-mode .action-btn:disabled{background:#222;color:#555}body.dark-mode .delete-confirm-box p{color:#ccc}body.dark-mode .danger-zone{background:#2a1a1a;border-left-color:#dc3545}body.dark-mode .warning-text{color:#ccc}body.dark-mode .delete-confirm-input{background:#2a2a2a;border-color:#dc3545;color:#e0e0e0}.action-btn.orders-btn{background-color:#6c757d!important;border:none!important;color:#fff!important}.action-btn.orders-btn:hover{background-color:#545b62!important}.action-btn.settings-btn{background-color:#6c757d!important;border:none!important;color:#fff!important}.action-btn.settings-btn:hover{background-color:#545b62!important}.action-btn.delete-account-btn,.action-btn.logout-btn{background-color:#dc3545!important;border:none!important;color:#fff!important}.action-btn.delete-account-btn:hover,.action-btn.logout-btn:hover{background-color:#c82333!important;border:none!important}.action-btn.delete-account-btn:hover:not(:disabled){background-color:#a71d2a!important}.billing-display{align-items:flex-start;display:flex;gap:12px}.billing-address-text p{color:#333;font-size:15px;line-height:1.5;margin:0 0 2px}.not-provided-text{color:#999;font-style:italic}.billing-edit{gap:14px;max-width:560px}.billing-edit,.billing-field{display:flex;flex-direction:column}.billing-field{flex:1 1;gap:4px}.billing-field label{color:#666;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.billing-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.billing-input{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:.95rem;padding:8px 12px}.billing-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff26;outline:none}@media screen and (max-width:768px){.billing-row{grid-template-columns:1fr}}body.dark-mode .billing-address-text p{color:#e0e0e0}body.dark-mode .not-provided-text{color:#888}body.dark-mode .billing-field label{color:#ddd}body.dark-mode .billing-input{background:#2a2a2a;border-color:#444;color:#e0e0e0}body.dark-mode .billing-input:focus{border-color:#007bff}.cart-container{background-color:#f5f5f5;min-height:calc(100vh - 70px);padding:40px 20px}.cart-content{margin:0 auto;max-width:1200px}.cart-header{margin-bottom:30px;text-align:center}.cart-header h1{color:#333;font-size:36px;font-weight:700;margin:0 0 10px}.cart-item-count{color:#666;font-size:16px;margin:0}.cart-main{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 380px}.cart-items{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.cart-item{grid-gap:20px;align-items:center;border-bottom:1px solid #e0e0e0;display:grid;gap:20px;grid-template-columns:100px 1fr 80px 100px 100px 40px;padding:20px}.cart-item:last-child{border-bottom:none}.cart-item-image{background-color:#f5f5f5;border-radius:4px;height:100px;overflow:hidden;width:100px}.cart-item-image img{height:100%;object-fit:cover;width:100%}.cart-item-details h3{color:#333;font-size:16px;font-weight:700;margin:0 0 5px}.cart-item-brand{color:#666;font-size:14px;margin:5px 0}.cart-item-condition{color:#999;font-size:12px;margin:5px 0 0}.cart-item-price{text-align:center}.cart-item-price .price{color:#007bff;font-size:18px;font-weight:700;margin:0}.cart-item-quantity label{color:#666;display:block;font-size:12px;font-weight:700;margin-bottom:5px}.quantity-controls{border:1px solid #ddd;border-radius:4px;display:flex;overflow:hidden}.qty-btn{background-color:#f5f5f5;border:none;color:#333;cursor:pointer;font-size:16px;height:30px;transition:background-color .3s ease;width:30px}.qty-btn:hover{background-color:#e0e0e0}.qty-input{border:none;font-size:14px;padding:4px 0;text-align:center;width:50px}.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-input[type=number]{-moz-appearance:textfield}.cart-item-subtotal{text-align:right}.cart-item-subtotal p{color:#333;font-size:16px;font-weight:700;margin:0}.remove-btn{background-color:#ffe0e0;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:18px;font-weight:700;height:40px;transition:all .3s ease;width:40px}.remove-btn:hover{background-color:#dc3545;color:#fff}.empty-cart{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.empty-cart h1{color:#333;font-size:32px;margin-bottom:10px}.empty-cart p{color:#666;font-size:16px;margin-bottom:30px}.continue-shopping-btn{background-color:#007bff;border-radius:4px;color:#fff;display:inline-block;font-weight:700;padding:12px 30px;text-decoration:none;transition:background-color .3s ease}.continue-shopping-btn:hover{background-color:#0056b3}.cart-summary{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px}.summary-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:25px}.summary-card h2{border-bottom:2px solid #007bff;color:#333;font-size:18px;font-weight:700;margin:0 0 20px;padding-bottom:15px}.summary-row{align-items:center;color:#666;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.summary-row.total{color:#333;font-size:16px;font-weight:700;margin-top:10px;padding-top:15px}.summary-divider{background-color:#e0e0e0;height:1px;margin:15px 0}.checkout-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:12px;transition:background-color .3s ease;width:100%}.checkout-btn:hover{background-color:#1e7e34}.continue-shopping-link{color:#007bff;display:block;font-size:14px;margin-top:15px;text-align:center;text-decoration:none;transition:color .3s ease}.continue-shopping-link:hover{color:#0056b3}.checkout-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;position:relative;width:90%}.modal-close{background-color:#f5f5f5;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:18px;height:30px;position:absolute;right:15px;top:15px;transition:all .3s ease;width:30px}.modal-close:hover{background-color:#e0e0e0;color:#333}.checkout-modal h2{color:#333;font-size:24px;font-weight:700;margin:0 0 20px}.checkout-items{border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding-bottom:15px}.checkout-items h3{color:#333;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.checkout-item{align-items:center;color:#666;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.checkout-summary{background-color:#f5f5f5;border-radius:4px;margin-bottom:20px;padding:15px}.summary-line{color:#666;display:flex;font-size:14px;justify-content:space-between;padding:5px 0}.summary-line.total{border-top:1px solid #ddd;color:#333;font-size:16px;font-weight:700;margin-top:5px;padding-top:10px}.checkout-info{background-color:#f5f5f5;border-radius:4px;margin-bottom:20px;padding:15px}.checkout-info h3{color:#333;font-size:12px;font-weight:700;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.checkout-info p{color:#666;font-size:14px;line-height:1.6;margin:0}.checkout-actions{display:flex;gap:10px}.confirm-checkout-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:12px;transition:background-color .3s ease}.confirm-checkout-btn:hover{background-color:#1e7e34}.cancel-checkout-btn{background-color:#e0e0e0;border:none;border-radius:4px;color:#333;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:12px;transition:background-color .3s ease}.cancel-checkout-btn:hover{background-color:#d0d0d0}.cart-modal-overlay{background-color:#00000080;left:0;z-index:999}.cart-modal,.cart-modal-overlay{bottom:0;position:fixed;right:0;top:0}.cart-modal{background-color:#fff;box-shadow:-2px 0 8px #0003;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s ease;width:400px;z-index:1000}.cart-modal.active{transform:translateX(0)}.cart-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.cart-modal-header h2{color:#333;font-size:20px;margin:0}.close-modal{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-modal:hover{color:#000}.cart-modal-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.empty-cart-message{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-cart-message p{color:#666;font-size:16px;margin:0 0 20px}.cart-modal-items{flex:1 1;overflow-y:auto;padding:15px}.cart-modal-item{grid-gap:12px;align-items:center;border-bottom:1px solid #f0f0f0;display:grid;gap:12px;grid-template-columns:60px 1fr auto auto;margin-bottom:10px;padding:12px}.cart-modal-item-image{border-radius:4px;height:60px;object-fit:cover;width:60px}.cart-modal-item-details{display:flex;flex-direction:column;gap:4px}.cart-modal-item-details h4{color:#333;font-size:14px;margin:0}.cart-modal-item-brand{color:#999;font-size:12px;margin:0}.cart-modal-item-price{color:#333;font-size:13px;font-weight:600;margin:0}.cart-modal-item-quantity{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;gap:8px;padding:4px 8px}.cart-modal-item-quantity button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;padding:0;width:20px}.cart-modal-item-quantity button:hover{color:#667eea}.cart-modal-item-quantity span{font-size:13px;min-width:20px;text-align:center}.cart-modal-remove{background:none;border:none;color:#999;cursor:pointer;font-size:16px;padding:0}.cart-modal-remove:hover{color:#d32f2f}.cart-modal-footer{background-color:#f9f9f9;border-top:1px solid #e0e0e0;padding:20px}.cart-modal-total{align-items:center;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-bottom:15px}.total-price{color:#667eea;font-size:18px}.role-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.role-badge.role-admin{background:linear-gradient(135deg,#f44,#c00);color:#fff}.role-badge.role-product_reviewer{background:linear-gradient(135deg,#ffa726,#ef6c00);color:#fff}.role-badge.role-customer_support{background:linear-gradient(135deg,#42a5f5,#1565c0);color:#fff}.role-badge.role-moderator{background:linear-gradient(135deg,#ab47bc,#7b1fa2);color:#fff}.role-badge.role-standard_user{background:linear-gradient(135deg,#bdbdbd,#757575);color:#fff}.role-text{font-weight:600}.role-text.role-admin{color:#c00}.role-text.role-product_reviewer{color:#ef6c00}.role-text.role-customer_support{color:#1565c0}.role-text.role-moderator{color:#7b1fa2}.role-text.role-standard_user{color:#757575}@media screen and (max-width:1024px){.cart-main{grid-template-columns:1fr}.cart-summary{position:static}}@media screen and (max-width:768px){.cart-item{gap:15px;grid-template-columns:80px 1fr}.cart-item-price,.cart-item-quantity,.cart-item-subtotal,.remove-btn{grid-column:1/-1}.cart-item-quantity{align-items:center;display:flex;gap:10px}.cart-header h1{font-size:28px}.summary-card{padding:20px}.checkout-modal{width:95%}.cart-modal{max-width:calc(100% - 20px);width:100%}}@media screen and (max-width:480px){.cart-container{padding:20px 10px}.cart-item{grid-template-columns:1fr}.cart-item-image{height:150px;width:100%}.checkout-actions{flex-direction:column}}body.dark-mode .cart-container{background:#121212}body.dark-mode .cart-content{background:#121212;color:#e0e0e0}body.dark-mode .cart-header h1{color:#fff}body.dark-mode .cart-item-count{color:#ddd}body.dark-mode .cart-items{background-color:#1e1e1e;box-shadow:0 2px 8px #0000004d}body.dark-mode .cart-item{background:#1e1e1e;border-bottom-color:#333}body.dark-mode .cart-item-image{background-color:#252525}body.dark-mode .cart-item-details h3,body.dark-mode .cart-item-name{color:#fff}body.dark-mode .cart-item-brand{color:#ddd}body.dark-mode .cart-item-condition{color:#ccc}body.dark-mode .cart-item-price .price{color:#4dabf7}body.dark-mode .cart-item-quantity label{color:#ddd}body.dark-mode .quantity-controls{border-color:#444}body.dark-mode .qty-btn{background-color:#2a2a2a;color:#ccc}body.dark-mode .qty-btn:hover{background-color:#333}body.dark-mode .qty-input{background:#1e1e1e;color:#e0e0e0}body.dark-mode .cart-item-subtotal p{color:#e0e0e0}body.dark-mode .remove-btn{background-color:#3a1a1a;color:#f5a0a0}body.dark-mode .remove-btn:hover{background-color:#dc3545;color:#fff}body.dark-mode .empty-cart{background-color:#1e1e1e;box-shadow:0 2px 8px #0000004d}body.dark-mode .empty-cart h1{color:#fff}body.dark-mode .empty-cart p{color:#ddd}body.dark-mode .summary-card{background-color:#1e1e1e;box-shadow:0 2px 8px #0000004d}body.dark-mode .summary-card h2{color:#fff}body.dark-mode .summary-row{color:#e0e0e0}body.dark-mode .summary-row.total{color:#fff}body.dark-mode .summary-divider{background-color:#333}body.dark-mode .continue-shopping-link{color:#4dabf7}body.dark-mode .continue-shopping-link:hover{color:#74c0fc}body.dark-mode .checkout-modal{background-color:#1e1e1e;box-shadow:0 4px 20px #0009}body.dark-mode .checkout-modal h2{color:#fff}body.dark-mode .modal-close{background-color:#2a2a2a;color:#ccc}body.dark-mode .modal-close:hover{background-color:#333;color:#fff}body.dark-mode .checkout-items{border-bottom-color:#333}body.dark-mode .checkout-item,body.dark-mode .checkout-items h3{color:#e0e0e0}body.dark-mode .checkout-summary{background-color:#252525}body.dark-mode .summary-line{color:#e0e0e0}body.dark-mode .summary-line.total{border-top-color:#444;color:#fff}body.dark-mode .checkout-info{background-color:#252525}body.dark-mode .checkout-info h3,body.dark-mode .checkout-info p{color:#e0e0e0}body.dark-mode .cancel-checkout-btn{background-color:#333;color:#ccc}body.dark-mode .cancel-checkout-btn:hover{background-color:#444}body.dark-mode .confirm-checkout-btn{background-color:#28a745;color:#fff}body.dark-mode .confirm-checkout-btn:hover{background-color:#218838}body.dark-mode .cart-modal-overlay{background:#000000b3}body.dark-mode .cart-modal{background:#1e1e1e;color:#e0e0e0}body.dark-mode .cart-modal-header{border-bottom-color:#333}body.dark-mode .cart-modal h2,body.dark-mode .cart-modal-header h2{color:#fff}body.dark-mode .close-modal{color:#ddd}body.dark-mode .close-modal:hover{color:#fff}body.dark-mode .empty-cart-message p{color:#ddd}body.dark-mode .cart-modal-item{border-bottom-color:#333}body.dark-mode .cart-modal-item-details h4{color:#fff}body.dark-mode .cart-modal-item-brand{color:#ccc}body.dark-mode .cart-modal-item-price{color:#e0e0e0}body.dark-mode .cart-modal-item-quantity{background-color:#2a2a2a}body.dark-mode .cart-modal-item-quantity button{color:#ccc}body.dark-mode .cart-modal-item-quantity button:hover{color:#4dabf7}body.dark-mode .cart-modal-item-quantity span{color:#e0e0e0}body.dark-mode .cart-modal-remove{color:#ccc}body.dark-mode .cart-modal-remove:hover{color:#f5a0a0}body.dark-mode .cart-modal-footer{background-color:#252525;border-top-color:#333}body.dark-mode .cart-modal-total{color:#e0e0e0}body.dark-mode .total-price{color:#4dabf7}.order-success-container{align-items:flex-start;background-color:#f5f5f5;display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:40px 20px}.order-success-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;max-width:640px;padding:40px;text-align:center;width:100%}.order-success-icon{align-items:center;background:#28a745;border-radius:50%;color:#fff;display:flex;font-size:36px;font-weight:700;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.order-error-icon{font-size:48px;margin-bottom:16px}.order-success-card h1{color:#333;font-size:28px;font-weight:700;margin:0 0 8px}.order-thank-you{color:#666;font-size:16px;margin:0 0 28px}.order-error-text{color:#666;margin-bottom:20px}.order-loading{color:#666;font-size:16px;padding:40px}.order-id-box{align-items:center;background:#f0f7ff;border:2px solid #007bff;border-radius:10px;display:flex;flex-direction:column;gap:4px;margin:0 auto 30px;max-width:320px;padding:16px 24px}.order-id-label{color:#007bff;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.order-id-value{color:#333;font-family:Courier New,Courier,monospace;font-size:24px;font-weight:800;letter-spacing:1.5px}.order-details-section{margin-bottom:24px;text-align:left}.order-details-section h2,.order-shipping-section h2{border-bottom:2px solid #007bff;color:#333;display:inline-block;font-size:16px;font-weight:700;margin:0 0 12px;padding-bottom:8px}.order-items-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.order-item-row{align-items:center;background:#fafafa;border-radius:8px;display:flex;gap:12px;padding:10px}.order-item-thumb{background:#eee;border-radius:6px;height:48px;object-fit:cover;width:48px}.order-item-info{display:flex;flex:1 1;flex-direction:column}.order-item-name{color:#333;font-size:14px;font-weight:600}.order-item-brand{color:#999;font-size:12px}.order-item-qty{color:#666;font-size:14px;font-weight:500}.order-item-price{color:#333;font-size:14px;font-weight:700;min-width:90px;text-align:right}.order-totals{border-top:1px solid #e0e0e0;padding-top:12px}.order-total-row{color:#666;display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.order-grand-total{border-top:2px solid #333;color:#333;font-size:18px;font-weight:700;margin-top:8px;padding-top:10px}.order-shipping-section{margin-bottom:24px;text-align:left}.order-shipping-section p{color:#555;font-size:14px;line-height:1.5;margin:2px 0}.order-success-actions{margin-top:30px}.order-home-btn{background:#007bff;border-radius:8px;color:#fff;display:inline-block;font-size:15px;font-weight:600;padding:12px 32px;text-decoration:none;transition:background .2s ease}.order-home-btn:hover{background:#0056b3;color:#fff}@media screen and (max-width:768px){.order-success-card{padding:24px 16px}.order-success-card h1{font-size:22px}.order-id-value{font-size:20px}.order-item-row{flex-wrap:wrap}}body.dark-mode .order-success-container{background:#121212}body.dark-mode .order-success-card{background:#1e1e1e;box-shadow:0 4px 20px #0000004d}body.dark-mode .order-success-card h1{color:#fff}body.dark-mode .order-error-text,body.dark-mode .order-loading,body.dark-mode .order-thank-you{color:#ccc}body.dark-mode .order-id-box{background:#1a2a3a;border-color:#4dabf7}body.dark-mode .order-id-label{color:#4dabf7}body.dark-mode .order-details-section h2,body.dark-mode .order-id-value,body.dark-mode .order-shipping-section h2{color:#fff}body.dark-mode .order-item-row{background:#2a2a2a}body.dark-mode .order-item-name{color:#e0e0e0}body.dark-mode .order-item-brand{color:#aaa}body.dark-mode .order-item-qty{color:#ccc}body.dark-mode .order-item-price{color:#e0e0e0}body.dark-mode .order-totals{border-top-color:#444}body.dark-mode .order-total-row{color:#ccc}body.dark-mode .order-grand-total{border-top-color:#e0e0e0;color:#fff}body.dark-mode .order-shipping-section p{color:#ccc}.order-history-container{background-color:#f5f5f5;min-height:calc(100vh - 70px);padding:40px 20px}.order-history-content{margin:0 auto;max-width:900px}.order-history-header{margin-bottom:30px}.order-history-header h1{color:#333;font-size:32px;font-weight:700;margin:0 0 6px}.order-history-subtitle{color:#666;font-size:15px;margin:0}.order-history-error,.order-history-loading{color:#666;font-size:16px;padding:40px;text-align:center}.order-history-empty{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:60px 20px;text-align:center}.empty-orders-icon{font-size:56px;margin-bottom:16px}.order-history-empty h2{color:#333;font-size:22px;margin:0 0 8px}.order-history-empty p{color:#666;font-size:15px;margin:0 0 24px}.shop-now-btn{background:#007bff;border-radius:8px;color:#fff;display:inline-block;font-size:15px;font-weight:600;padding:12px 28px;text-decoration:none;transition:background .2s ease}.shop-now-btn:hover{background:#0056b3;color:#fff}.order-history-list{display:flex;flex-direction:column;gap:16px}.order-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.order-card-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:16px;padding:18px 20px}.order-card-id{display:flex;flex:1 1;flex-direction:column;gap:2px}.order-label{color:#999;font-size:11px;text-transform:uppercase}.order-id-text,.order-label{font-weight:700;letter-spacing:.5px}.order-id-text{color:#333;font-family:Courier New,Courier,monospace;font-size:16px}.order-card-meta{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.order-date{color:#666;font-size:13px;font-weight:500}.order-time{color:#999;font-size:12px}.order-status-badge{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-placed{background:#e8f5e9;color:#2e7d32}.status-processing{background:#fff3e0;color:#e65100}.status-shipped{background:#e3f2fd;color:#1565c0}.status-delivered{background:#e8f5e9;color:#1b5e20}.status-cancelled{background:#fce4ec;color:#c62828}.order-card-items{padding:12px 20px}.order-card-item{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;gap:12px;padding:8px 0}.order-card-item:last-child{border-bottom:none}.order-card-thumb{background:#f0f0f0;border-radius:6px;height:44px;object-fit:cover;width:44px}.order-card-item-info{display:flex;flex:1 1;flex-direction:column}.order-card-item-name{color:#333;font-size:14px;font-weight:600}.order-card-item-brand{color:#999;font-size:12px}.order-card-item-qty{color:#666;font-size:13px}.order-card-item-price{color:#333;font-size:14px;font-weight:700;min-width:85px;text-align:right}.order-card-footer{align-items:center;background:#fafafa;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:14px 20px}.order-card-totals{align-items:baseline;display:flex;gap:8px}.order-card-total-label{color:#666;font-size:14px;font-weight:500}.order-card-total-value{color:#333;font-size:18px;font-weight:700}.order-view-btn{background:#007bff;border-radius:6px;color:#fff;font-size:13px;font-weight:600;padding:8px 18px;text-decoration:none;transition:background .2s ease}.order-view-btn:hover{background:#0056b3;color:#fff}@media screen and (max-width:768px){.order-history-container{padding:20px 10px}.order-history-header h1{font-size:26px}.order-card-header{flex-direction:column;gap:8px}.order-card-header,.order-card-meta{align-items:flex-start}.order-card-item{flex-wrap:wrap}.order-card-footer{align-items:flex-start;flex-direction:column;gap:12px}.order-view-btn{text-align:center;width:100%}}body.dark-mode .order-history-container{background:#121212}body.dark-mode .order-history-header h1{color:#fff}body.dark-mode .order-history-error,body.dark-mode .order-history-loading,body.dark-mode .order-history-subtitle{color:#ccc}body.dark-mode .order-history-empty{background:#1e1e1e;box-shadow:0 2px 8px #0000004d}body.dark-mode .order-history-empty h2{color:#fff}body.dark-mode .order-history-empty p{color:#ccc}body.dark-mode .order-card{background:#1e1e1e;box-shadow:0 2px 8px #0000004d}body.dark-mode .order-card-header{border-bottom-color:#333}body.dark-mode .order-id-text{color:#fff}body.dark-mode .order-label{color:#aaa}body.dark-mode .order-date{color:#ccc}body.dark-mode .order-time{color:#999}body.dark-mode .status-placed{background:#1b3a1b;color:#66bb6a}body.dark-mode .status-processing{background:#3a2a10;color:#ffb74d}body.dark-mode .status-shipped{background:#102a3a;color:#64b5f6}body.dark-mode .status-delivered{background:#1b3a1b;color:#4caf50}body.dark-mode .status-cancelled{background:#3a1a1a;color:#ef5350}body.dark-mode .order-card-item{border-bottom-color:#2a2a2a}body.dark-mode .order-card-item-name{color:#e0e0e0}body.dark-mode .order-card-item-brand{color:#aaa}body.dark-mode .order-card-item-qty{color:#ccc}body.dark-mode .order-card-item-price{color:#e0e0e0}body.dark-mode .order-card-footer{background:#1a1a1a;border-top-color:#333}body.dark-mode .order-card-total-label{color:#ccc}body.dark-mode .order-card-total-value{color:#fff}.admin-panel-container{margin:0 auto;max-width:1200px;padding:100px 20px 40px}.admin-panel-content{background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000014;padding:32px}.admin-header{border-bottom:2px solid #f0f0f0;margin-bottom:24px;padding-bottom:16px}.admin-header h1{font-size:1.8rem;margin:0 0 4px}.admin-subtitle{color:#888;font-size:.95rem;margin:0}.admin-loading{color:#888;font-size:1.1rem;padding:40px;text-align:center}.admin-users-table-wrapper{overflow-x:auto}.admin-users-table{border-collapse:collapse;font-size:.9rem;width:100%}.admin-users-table th{background:#f7f7f7;border-bottom:2px solid #e0e0e0;color:#555;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.admin-users-table td{border-bottom:1px solid #f0f0f0;padding:12px 16px;vertical-align:middle}.admin-users-table tr:hover{background:#fafafa}.current-user-row{background:#f0f8ff!important}.user-cell{align-items:center;display:flex;gap:10px}.admin-user-avatar{border:1px solid #e0e0e0;border-radius:50%;height:32px;object-fit:cover;width:32px}.role-select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.85rem;min-width:160px;padding:6px 10px}.role-select:focus{border-color:#333;outline:none}.role-select:disabled{cursor:wait;opacity:.5}.updating-spinner{font-size:.9rem;margin-left:8px}.admin-user-count{border-top:1px solid #f0f0f0;color:#888;font-size:.85rem;padding:12px 16px}.success-toast{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;color:#2e7d32;font-weight:500;margin-bottom:16px;padding:12px 16px}.nav-admin-link{color:#f44!important;font-weight:600}@media (max-width:480px){.admin-panel-container{padding:80px 10px 20px}.admin-panel-content{padding:16px}.admin-users-table{font-size:.8rem}.admin-users-table td,.admin-users-table th{padding:8px 10px}.role-select{font-size:.8rem;min-width:120px}}body.dark-mode .admin-panel-container{background:#121212}body.dark-mode .admin-panel-content{background:#1e1e1e;color:#e0e0e0}body.dark-mode .admin-panel-content h1{color:#fff}body.dark-mode .admin-header{border-bottom-color:#333}body.dark-mode .admin-loading,body.dark-mode .admin-subtitle{color:#ddd}body.dark-mode .admin-users-table{background:#1e1e1e}body.dark-mode .admin-users-table th{background:#2a2a2a;border-color:#444;color:#e0e0e0}body.dark-mode .admin-users-table td{border-color:#333;color:#ccc}body.dark-mode .admin-users-table tr:hover{background:#2a2a2a}body.dark-mode .current-user-row{background:#1a2e4a!important}body.dark-mode .user-cell{color:#e0e0e0}body.dark-mode .admin-user-avatar{border-color:#444}body.dark-mode .role-select{background:#2a2a2a;border-color:#444;color:#e0e0e0}body.dark-mode .admin-user-count{border-top-color:#333;color:#ddd}body.dark-mode .success-toast{background:#1a2e1a;border-color:#2a4a2a;color:#7dcea0}.reviewer-panel-container{margin:0 auto;max-width:1200px;padding:100px 20px 40px}.reviewer-panel-content{background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000014;padding:32px}.panel-subtitle{color:#888;font-size:.95rem;margin:8px 0 24px}.listings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:20px}.listing-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.listing-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.listing-image-preview{align-items:center;background:#f0f0f0;display:flex;height:200px;justify-content:center;object-fit:cover;overflow:hidden;width:100%}.listing-image-preview img{height:100%;object-fit:cover;width:100%}.listing-info{display:flex;flex:1 1;flex-direction:column;padding:16px}.listing-info h3{color:#333;font-size:1.1rem;margin:0 0 8px}.size-badge{background:#e8f5e9;border-radius:20px;color:#2e7d32;display:inline-block;font-size:.85rem;margin-bottom:8px;padding:4px 12px;width:-webkit-fit-content;width:fit-content}.seller-info{color:#666;font-size:.9rem;margin:4px 0}.seller-email{color:#999;font-size:.85rem;margin:4px 0 8px}.submission-date{border-top:1px solid #eee;color:#999;font-size:.85rem;margin-top:auto;padding-top:8px}.review-button{background:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:12px;padding:10px 16px;transition:background .2s ease}.review-button:hover:not(:disabled){background:#e68900}.review-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.empty-state{color:#888;padding:60px 20px;text-align:center}.empty-state p{font-size:1.1rem}.reviewer-detail-container{margin:0 auto;max-width:1400px;padding:100px 20px 40px}.reviewer-detail-content{background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000014;padding:32px}.detail-header{border-bottom:2px solid #f0f0f0;margin:24px 0 32px;padding-bottom:20px}.detail-header h2{color:#333;font-size:1.8rem;margin:0 0 12px}.seller-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:12px}.seller-details p{color:#666;font-size:.95rem;margin:0}.seller-details strong{color:#333}.images-section{margin:32px 0}.images-section h3{color:#333;font-size:1.3rem;margin:0 0 16px}.images-gallery{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.gallery-image{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.gallery-image img{display:block;height:200px;object-fit:cover;width:100%}.image-label{background:#fafafa;border-top:1px solid #e0e0e0;color:#666;font-size:.85rem;margin:0;padding:8px 12px;text-align:center}.review-form-section{border-top:2px solid #f0f0f0;margin-top:32px;padding-top:32px}.review-form-section h3{color:#333;font-size:1.3rem;margin:0 0 20px}.action-buttons{display:flex;gap:12px;margin-bottom:24px}.approve-btn.active{background:#e8f5e9;border-color:#2e7d32;color:#2e7d32}.deny-btn.active{background:#ffebee;border-color:#c62828;color:#c62828}.review-text-area{background:#fafafa;border-radius:8px;margin-top:24px;padding:20px}.review-text-area label{color:#333;display:block;font-weight:600;margin-bottom:8px}.review-text-area textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:.95rem;padding:12px;resize:vertical;width:100%}.review-text-area textarea:focus{border-color:#333;box-shadow:0 0 0 3px #0000001a;outline:none}.review-text-area textarea:disabled{cursor:not-allowed;opacity:.6}.form-actions{display:flex;gap:12px;margin-top:16px}.submit-review-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:background .2s ease}.submit-review-btn:hover:not(:disabled){background:#45a049}.submit-review-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-btn{background:#f0f0f0;border:none;border-radius:6px;color:#666;cursor:pointer;font-weight:600;padding:12px 24px;transition:background .2s ease}.cancel-btn:hover:not(:disabled){background:#e0e0e0}.cancel-btn:disabled{cursor:not-allowed;opacity:.6}.verification-code-reviewer{align-items:center;background:#fffbf0;border:2px solid #f0c040;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding:16px 20px}.verification-label{color:#333;font-size:.95rem;font-weight:600}.verification-code-badge{background:#fff;border:2px solid #f0c040;border-radius:8px;color:#1a1a1a;font-family:Courier New,Courier,monospace;font-size:1.6rem;font-weight:800;letter-spacing:6px;padding:8px 18px}.verification-note{color:#888;font-size:.85rem;font-style:italic;margin:4px 0 0;width:100%}.nav-reviewer-link{color:#ff9800!important;font-weight:600}@media (max-width:768px){.reviewer-panel-container{padding:80px 10px 20px}.reviewer-panel-content{padding:16px}.listings-grid{grid-template-columns:1fr}.reviewer-detail-container{padding:80px 10px 20px}.reviewer-detail-content{padding:16px}.detail-header{margin:16px 0 24px}.detail-header h2{font-size:1.4rem}.images-gallery{grid-template-columns:repeat(2,1fr)}.action-buttons,.form-actions{flex-direction:column}.cancel-btn,.submit-review-btn{width:100%}}body.dark-mode .reviewer-detail-container,body.dark-mode .reviewer-panel-container{background:#121212}body.dark-mode .reviewer-detail-content,body.dark-mode .reviewer-panel-content{background:#1e1e1e;color:#e0e0e0}body.dark-mode .reviewer-detail-content h1,body.dark-mode .reviewer-panel-content h1{color:#fff}body.dark-mode .panel-subtitle{color:#ddd}body.dark-mode .listing-card{background:#252525;border-color:#333}body.dark-mode .listing-card:hover{box-shadow:0 4px 16px #00000080}body.dark-mode .listing-image-preview{background:#2a2a2a}body.dark-mode .listing-info h3{color:#fff}body.dark-mode .listing-info p,body.dark-mode .seller-email,body.dark-mode .seller-info,body.dark-mode .submission-date{color:#ddd}body.dark-mode .submission-date{border-top-color:#333}body.dark-mode .size-badge{background:#1a2e1a;color:#7dcea0}body.dark-mode .review-button{background:#ff9800;color:#fff}body.dark-mode .review-button:hover:not(:disabled){background:#e68900}body.dark-mode .review-button:disabled{background:#444;color:#ccc}body.dark-mode .empty-state{color:#ddd}body.dark-mode .detail-header{border-bottom-color:#333}body.dark-mode .detail-header h2{color:#fff}body.dark-mode .seller-details p{color:#ccc}.auth-results-reviewer{margin:24px 0}.auth-results-reviewer h3{font-size:1.2rem;margin-bottom:16px}.auth-results-reviewer h4{font-size:1rem;margin:16px 0 12px}body.dark-mode .images-section h3,body.dark-mode .seller-details strong{color:#fff}body.dark-mode .gallery-image{background:#2a2a2a;border-color:#444}body.dark-mode .image-label{background:#252525;border-top-color:#444;color:#ccc}body.dark-mode .review-form-section{border-top-color:#333}body.dark-mode .review-form-section h3{color:#fff}body.dark-mode .action-buttons .action-btn{background:#2a2a2a;border-color:#444;color:#ccc}body.dark-mode .action-buttons .action-btn:hover{background:#333;border-color:#666}body.dark-mode .approve-btn.active{background:#1a2e1a;border-color:#2e7d32;color:#7dcea0}body.dark-mode .deny-btn.active{background:#2e1a1a;border-color:#c62828;color:#f5a0a0}body.dark-mode .review-text-area{background:#252525}body.dark-mode .review-text-area label{color:#ccc}body.dark-mode .review-text-area textarea{background:#2a2a2a;border-color:#444;color:#e0e0e0}body.dark-mode .review-text-area textarea:focus{border-color:#666;box-shadow:0 0 0 3px #ffffff0d}body.dark-mode .submit-review-btn{background:#4caf50;color:#fff}body.dark-mode .submit-review-btn:hover:not(:disabled){background:#45a049}body.dark-mode .cancel-btn{background:#333;color:#ccc}body.dark-mode .cancel-btn:hover:not(:disabled){background:#444}body.dark-mode .verification-code-reviewer{background:#2a2a1a;border-color:#665a20}body.dark-mode .verification-label{color:#e0e0e0}body.dark-mode .verification-code-badge{background:#1e1e1e;border-color:#665a20;color:#fff}body.dark-mode .verification-note{color:#ccc}.settings-container{background:#f8f9fa;min-height:100vh;padding:80px 20px 40px}.settings-content{margin:0 auto;max-width:700px}.settings-content h1{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin:0 0 8px}.settings-subtitle{color:#666;font-size:1rem;margin:0 0 32px}.settings-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;padding:28px}.settings-section h2{color:#1a1a1a;font-size:1.3rem;font-weight:600;margin:0 0 8px}.settings-description{color:#666;font-size:.95rem;line-height:1.5;margin:0 0 20px}.size-system-options{display:flex;flex-direction:column;gap:12px}.size-system-option{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;gap:14px;padding:16px 20px;text-align:left;transition:all .2s ease}.size-system-option:hover{background:#f8fbff;border-color:#007bff}.size-system-option.active{background:#eef5ff;border-color:#007bff}.size-system-label{color:#1a1a1a;font-size:1.1rem;font-weight:700;min-width:32px}.size-system-desc{color:#666;flex:1 1;font-size:.9rem}.size-system-check{color:#007bff;font-size:1.2rem;font-weight:700}.dark-mode-toggle-row{align-items:center;display:flex;gap:16px}.dark-mode-label{color:#333;font-size:1rem;font-weight:600}.dark-mode-toggle{background:#ccc;border:none;border-radius:30px;cursor:pointer;height:30px;padding:0;position:relative;transition:background .3s ease;width:56px}.dark-mode-toggle.active{background:#007bff}.toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;height:24px;left:3px;position:absolute;top:3px;transition:transform .3s ease;width:24px}.dark-mode-toggle.active .toggle-knob{transform:translateX(26px)}@media (max-width:768px){.settings-container{padding:80px 10px 20px}.settings-content h1{font-size:1.8rem}.settings-section{padding:20px}}body.dark-mode .settings-container{background:#121212}body.dark-mode .settings-content h1{color:#fff}body.dark-mode .settings-description,body.dark-mode .settings-subtitle{color:#aaa}body.dark-mode .settings-section{background:#1e1e1e;box-shadow:0 2px 8px #0000004d}body.dark-mode .settings-section h2{color:#fff}body.dark-mode .size-system-option{background:#2a2a2a;border-color:#444}body.dark-mode .size-system-option:hover{background:#222;border-color:#007bff}body.dark-mode .size-system-option.active{background:#1a2e4a;border-color:#007bff}body.dark-mode .size-system-label{color:#fff}body.dark-mode .size-system-desc{color:#ddd}body.dark-mode .dark-mode-label{color:#e0e0e0}.my-listings-container{background:#f8f9fa;min-height:100vh;padding:80px 20px 40px}.my-listings-content{margin:0 auto;max-width:1000px}.my-listings-header{margin-bottom:32px}.my-listings-header h1{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin:0 0 8px}.my-listings-subtitle{color:#666;font-size:1rem;margin:0}.listing-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.filter-tab{align-items:center;background:#fff;border:2px solid #ddd;border-radius:24px;color:#666;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.filter-tab:hover{border-color:#007bff;color:#007bff}.filter-tab.active{background:#007bff;border-color:#007bff;color:#fff}.filter-count{background:#ffffff4d;border-radius:12px;display:inline-block;font-size:.8rem;font-weight:700;padding:2px 8px}.filter-tab.active .filter-count{background:#fff6}.my-listings-empty,.my-listings-loading{background:#fff;border-radius:10px;color:#666;padding:60px 20px;text-align:center}.my-listings-empty p{font-size:1rem;margin:0 0 24px}.my-listings-list{display:flex;flex-direction:column;gap:16px}.my-listing-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .2s ease}.my-listing-card:hover{box-shadow:0 4px 16px #0000001f}.my-listing-card.status-approved,.my-listing-card.status-denied,.my-listing-card.status-pending{border-left:5px solid #ddd}.my-listing-card.status-pending{border-left-color:#ffc107}.my-listing-card.status-approved{border-left-color:#28a745}.my-listing-card.status-denied{border-left-color:#dc3545}.my-listing-summary{align-items:center;cursor:pointer;display:flex;gap:20px;padding:20px;transition:background .2s ease}.my-listing-summary:hover{background:#f9f9f9}.my-listing-thumb{background:#f0f0f0;border-radius:8px;flex-shrink:0;height:100px;overflow:hidden;width:100px}.my-listing-thumb img{height:100%;object-fit:cover;width:100%}.thumb-placeholder{align-items:center;color:#999;display:flex;font-size:.85rem;height:100%;justify-content:center;width:100%}.my-listing-info{flex:1 1;min-width:0}.my-listing-info h3{color:#1a1a1a;font-size:1.1rem;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-listing-size{color:#666;font-size:.9rem;margin:0 0 4px}.my-listing-date{color:#999;font-size:.85rem;margin:0}.my-listing-status{align-items:center;display:flex;flex-shrink:0;gap:16px}.status-badge{border-radius:20px;font-size:.8rem;padding:6px 12px}.status-badge.status-pending{background:#fff3cd;color:#856404}.status-badge.status-approved{background:#d4edda;color:#155724}.status-badge.status-denied{background:#f8d7da;color:#721c24}.expand-icon{color:#999;font-size:.8rem;transition:transform .2s ease}.my-listing-details{border-top:1px solid #f0f0f0;padding:0 20px 20px}.my-listing-images{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:20px}.my-listing-img-wrap{aspect-ratio:1;background:#f0f0f0;border-radius:8px;overflow:hidden;position:relative}.my-listing-img-wrap img{height:100%;object-fit:cover;width:100%}.img-index{background:#0009;border-radius:4px;color:#fff;font-size:.75rem;font-weight:700;padding:4px 8px;position:absolute;right:6px;top:6px}.review-feedback{background:#f9f9f9;border-left:4px solid #ddd;border-radius:8px;padding:16px}.review-feedback h4{color:#1a1a1a;font-size:.95rem;font-weight:600;margin:0 0 8px}.review-feedback p{color:#666;line-height:1.5;margin:0 0 8px}.approved-feedback{background:#f0fdf4;border-left-color:#28a745}.denied-feedback{background:#fdf0f0;border-left-color:#dc3545}.pending-feedback{background:#fffbf0;border-left-color:#ffc107}.review-date,.reviewer-name{color:#999;display:block;font-size:.85rem;margin-top:8px}@media (max-width:480px){.my-listings-container{padding:80px 10px 20px}.my-listings-header h1{font-size:1.8rem}.my-listing-summary{flex-direction:column;gap:12px;padding:16px}.my-listing-thumb{height:150px;width:100%}.my-listing-status{justify-content:space-between;width:100%}.my-listing-images{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.listing-filters{gap:8px}.filter-tab{font-size:.85rem;padding:6px 12px}}body.dark-mode .my-listings-container{background:#121212}body.dark-mode .my-listings-header h1{color:#fff}body.dark-mode .my-listings-subtitle{color:#ddd}body.dark-mode .filter-tab{background:#2a2a2a;border-color:#444;color:#ccc}body.dark-mode .filter-tab:hover{border-color:#007bff;color:#007bff}body.dark-mode .filter-tab.active{background:#007bff;border-color:#007bff;color:#fff}body.dark-mode .my-listing-card{background:#1e1e1e;box-shadow:0 2px 8px #0000004d}body.dark-mode .my-listing-summary:hover{background:#252525}body.dark-mode .my-listing-info h3{color:#fff}body.dark-mode .my-listing-date,body.dark-mode .my-listing-size{color:#ddd}body.dark-mode .my-listing-details{border-top-color:#333}body.dark-mode .my-listing-img-wrap{background:#2a2a2a}body.dark-mode .my-listings-empty,body.dark-mode .my-listings-loading{background:#1e1e1e;color:#ddd}body.dark-mode .review-feedback{background:#2a2a2a;border-left-color:#555}body.dark-mode .review-feedback h4{color:#fff}body.dark-mode .review-feedback p{color:#ccc}body.dark-mode .approved-feedback{background:#1a2e1a;border-left-color:#28a745}body.dark-mode .denied-feedback{background:#2e1a1a;border-left-color:#dc3545}body.dark-mode .pending-feedback{background:#2e2a1a;border-left-color:#ffc107}.sv-container{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;margin:40px auto;max-width:720px;padding:48px 32px}.sv-content h1{border-bottom:3px solid #007bff;color:#222;font-size:30px;margin-bottom:12px;margin-top:20px;padding-bottom:18px}.sv-subtitle{color:#555;font-size:16px;line-height:1.7;margin-bottom:36px}.sv-progress{display:flex;gap:12px;justify-content:center;margin-bottom:40px}.sv-progress-step{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px;position:relative}.sv-progress-step:not(:last-child):after{background:#ddd;border-radius:2px;content:"";height:3px;left:calc(50% + 22px);position:absolute;top:20px;width:calc(100% - 44px)}.sv-progress-step.completed:not(:last-child):after{background:#28a745}.sv-step-circle{align-items:center;background:#e9ecef;border:2px solid #ddd;border-radius:50%;color:#999;display:flex;font-size:15px;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px;z-index:1}.sv-progress-step.active .sv-step-circle{background:#007bff;border-color:#007bff;box-shadow:0 0 0 4px #007bff26;color:#fff}.sv-progress-step.completed .sv-step-circle{background:#28a745;border-color:#28a745;color:#fff}.sv-step-label{color:#888;font-size:13px;font-weight:500}.sv-progress-step.active .sv-step-label{color:#007bff;font-weight:600}.sv-progress-step.completed .sv-step-label{color:#28a745;font-weight:600}.sv-step-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:20px;padding:32px}.sv-step-card h2{color:#222;font-size:22px;margin:0 0 16px}.sv-step-desc{color:#444;font-size:15px;line-height:1.7;margin-bottom:16px}.sv-demo-note{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#7a5900;font-size:14px;line-height:1.6;margin-bottom:24px;padding:14px 18px}.sv-sent-to{color:#444;font-size:15px;margin-bottom:14px}.sv-code-input-group{display:flex;flex-direction:column;gap:14px;max-width:320px}.sv-code-input-group label,.sv-id-form label,.sv-mobile-group label{color:#333;font-size:14px;font-weight:600;margin-bottom:2px}.sv-code-input{border:2px solid #ccc;border-radius:8px;box-sizing:border-box;font-family:Courier New,monospace;font-size:24px;font-weight:700;letter-spacing:10px;padding:14px 16px;text-align:center;transition:border-color .3s ease;width:100%}.sv-code-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1f;outline:none}.sv-mobile-group{display:flex;flex-direction:column;gap:14px;max-width:380px}.sv-input{border:2px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.sv-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1f;outline:none}.sv-select{-webkit-appearance:auto;appearance:auto;background:#fff;border:2px solid #ccc;border-radius:8px;box-sizing:border-box;cursor:pointer;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.sv-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1f;outline:none}.sv-id-form{gap:20px;max-width:420px}.sv-form-group,.sv-id-form{display:flex;flex-direction:column}.sv-form-group{gap:8px}.sv-btn{border:none;border-radius:8px;cursor:pointer;display:block;font-size:16px;font-weight:600;margin-top:4px;padding:15px 10px;text-align:center;text-decoration:none;transition:background .2s ease,transform .1s ease}.sv-btn:hover:not(:disabled){transform:translateY(-1px)}.sv-btn:disabled{cursor:not-allowed;opacity:.5}.sv-btn-primary{background:#007bff;color:#fff}.sv-btn-primary:hover:not(:disabled){background:#0062cc}.sv-success-card{padding:48px 24px;text-align:center}.sv-success-icon{align-items:center;background:#28a745;border-radius:50%;color:#fff;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.sv-success-card h1,.sv-success-card h2{border:none;color:#28a745;margin-bottom:14px}.sv-success-card p{color:#555;font-size:16px;line-height:1.7;margin-bottom:28px}.sv-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-size:14px;line-height:1.5;margin-top:20px;padding:14px 18px}.sv-required-banner{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ffc175;border-radius:12px;margin:28px 0;padding:32px;text-align:center}.sv-required-banner h3{color:#f68700;font-size:21px;font-weight:700;margin:0 0 12px}.sv-required-banner p{color:#555;font-size:15px;line-height:1.6;margin-bottom:22px}.sv-required-banner .sv-checklist{display:inline-flex;gap:28px;list-style:none;margin:0 0 24px;padding:0}.sv-checklist li{align-items:center;color:#444;display:flex;font-size:15px;font-weight:500;gap:8px}.sv-check-icon{font-size:18px}.sv-check-icon.done{color:#28a745}.sv-check-icon.pending{color:#bbb}@media screen and (max-width:600px){.sv-container{margin:20px auto;padding:28px 16px}.sv-content h1{font-size:24px}.sv-step-card{padding:24px 18px}.sv-progress{gap:6px}.sv-step-label{font-size:11px}.sv-required-banner .sv-checklist{align-items:center;flex-direction:column;gap:10px}}body.dark-mode .sv-container{background:#1e1e1e;box-shadow:0 4px 16px #00000080}body.dark-mode .sv-content h1{border-bottom-color:#4dabf7;color:#f0f0f0}body.dark-mode .sv-subtitle{color:#b8b8b8}body.dark-mode .sv-step-card{background:#282828;border-color:#3e3e3e}body.dark-mode .sv-step-card h2{color:#f0f0f0}body.dark-mode .sv-step-desc{color:#d0d0d0}body.dark-mode .sv-demo-note{background:#3d3200;border-color:#6d5800;color:#ffe082}body.dark-mode .sv-sent-to{color:#d0d0d0}body.dark-mode .sv-code-input-group label,body.dark-mode .sv-id-form label,body.dark-mode .sv-mobile-group label{color:#eaeaea}body.dark-mode .sv-code-input{background:#2c2c2c;border-color:#505050;color:#fff}body.dark-mode .sv-code-input:focus{border-color:#4dabf7;box-shadow:0 0 0 3px #4dabf726}body.dark-mode .sv-input{background:#2c2c2c;border-color:#505050;color:#eaeaea}body.dark-mode .sv-input:focus{border-color:#4dabf7;box-shadow:0 0 0 3px #4dabf726}body.dark-mode .sv-select{background:#2c2c2c;border-color:#505050;color:#eaeaea}body.dark-mode .sv-select:focus{border-color:#4dabf7;box-shadow:0 0 0 3px #4dabf726}body.dark-mode .sv-step-circle{background:#333;border-color:#505050;color:#aaa}body.dark-mode .sv-progress-step.active .sv-step-circle{box-shadow:0 0 0 4px #4dabf733}body.dark-mode .sv-progress-step:not(:last-child):after{background:#444}body.dark-mode .sv-step-label{color:#999}body.dark-mode .sv-error{background:#351a1a;border-color:#6b2c2c;color:#ff8080}body.dark-mode .sv-success-card h1,body.dark-mode .sv-success-card h2{color:#51cf66}body.dark-mode .sv-success-card p{color:#d0d0d0}body.dark-mode .sv-required-banner{background:linear-gradient(135deg,#2e2200,#3e2e00);border-color:#a07000}body.dark-mode .sv-required-banner h3{color:#ffcc80}body.dark-mode .sv-checklist li,body.dark-mode .sv-required-banner p{color:#d0d0d0}body.dark-mode .sv-check-icon.pending{color:#777}body.dark-mode .sv-btn-primary{background:#2979ff}body.dark-mode .sv-btn-primary:hover:not(:disabled){background:#1565c0}.seller-bids-container{margin:40px auto;max-width:1100px;min-height:calc(100vh - 200px);padding:0 20px}.seller-bids-content h1{font-size:32px;font-weight:700;margin:0 0 8px}.seller-bids-subtitle{color:#777;font-size:15px;line-height:1.5;margin:0 0 24px}.bids-tab-bar{background:#f0f0f0;border-radius:10px;display:flex;gap:4px;margin-bottom:24px;padding:4px}.bids-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.bids-tab:hover{background:#ffffff80}.bids-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#000}.tab-count{background:#007bff;border-radius:10px;color:#fff;font-size:11px;font-weight:700;padding:2px 7px}.bids-panel{animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bids-loading{font-size:16px;padding:40px}.bids-empty,.bids-loading{color:#888;text-align:center}.bids-empty{padding:48px 20px}.bids-empty p{font-size:16px;margin:0 0 12px}.bids-empty-hint{color:#aaa;font-size:14px}.bids-section-title{color:#333;font-size:18px;font-weight:600;margin:24px 0 12px}.bids-table-wrapper{margin-bottom:16px;overflow-x:auto}.bids-table{border-collapse:collapse;font-size:14px;width:100%}.bids-table thead th{border-bottom:2px solid #eee;color:#888;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.bids-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .15s}.bids-table tbody tr:hover{background:#f9f9f9}.bids-table tbody td{padding:14px;vertical-align:middle}.bids-table .date-cell{color:#999;font-size:12px;white-space:nowrap}.bids-table .action-cell{display:flex;gap:8px;white-space:nowrap}.row-meets-ask{background:#1db9540d!important}.past-table{opacity:.7}.bid-product-link{color:#007bff;font-weight:500;text-decoration:none}.bid-product-link:hover{text-decoration:underline}.btn-accept{background:#1db954;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-accept:hover{background:#18a349;transform:translateY(-1px)}.btn-reject{background:#e23636;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-reject:hover{background:#c92e2e;transform:translateY(-1px)}.btn-cancel{background:#fff;border:1px solid #ccc;border-radius:6px;color:#666;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-cancel:hover{background:#f5f5f5;border-color:#999}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.badge-active{background:#e8f5e9;color:#2e7d32}.badge-matched{background:#e3f2fd;color:#1565c0}.badge-cancelled{background:#fce4ec;color:#c62828}.bid-action-success{background:#e8f5e9;color:#2e7d32}.bid-action-error,.bid-action-success{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 16px}.bid-action-error{background:#fce4ec;color:#c62828}.cta-button{background:#007bff;border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:background .2s}.cta-button:hover{background:#0056b3}body.dark-mode .seller-bids-container{background:#121212}body.dark-mode .seller-bids-content h1{color:#fff}body.dark-mode .seller-bids-subtitle{color:#aaa}body.dark-mode .bids-tab-bar{background:#252525}body.dark-mode .bids-tab{color:#aaa}body.dark-mode .bids-tab:hover{background:#ffffff0d}body.dark-mode .bids-tab.active{background:#333;box-shadow:0 1px 3px #0000004d;color:#fff}body.dark-mode .bids-section-title{color:#e0e0e0}body.dark-mode .bids-table thead th{border-bottom-color:#333;color:#aaa}body.dark-mode .bids-table tbody tr{border-bottom-color:#2a2a2a}body.dark-mode .bids-table tbody tr:hover{background:#1e1e1e}body.dark-mode .bids-table tbody td{color:#e0e0e0}body.dark-mode .bids-table .date-cell{color:#888}body.dark-mode .row-meets-ask{background:#1db95414!important}body.dark-mode .btn-cancel{background:#2a2a2a;border-color:#444;color:#ccc}body.dark-mode .btn-cancel:hover{background:#333;border-color:#666}body.dark-mode .badge-active{background:#1b3a1b;color:#66bb6a}body.dark-mode .badge-matched{background:#0d2d4a;color:#64b5f6}body.dark-mode .badge-cancelled{background:#3a1b1b;color:#ef9a9a}body.dark-mode .bid-action-success{background:#1b3a1b;color:#66bb6a}body.dark-mode .bid-action-error{background:#3a1b1b;color:#ef9a9a}body.dark-mode .bids-empty{color:#888}body.dark-mode .bids-empty-hint{color:#666}body.dark-mode .bid-product-link{color:#4dabf7}@media screen and (max-width:768px){.seller-bids-container{margin:20px auto}.seller-bids-content h1{font-size:24px}.bids-tab-bar{flex-direction:column}.bids-table{font-size:13px}.bids-table tbody td,.bids-table thead th{padding:10px 8px}.bids-table .action-cell{flex-direction:column;gap:4px}}.docs-layout{display:flex;min-height:calc(100vh - 70px)}.docs-sidebar{background:#f8f9fa;border-right:1px solid #e0e0e0;flex-shrink:0;height:calc(100vh - 70px);overflow-y:auto;padding:24px 0;position:-webkit-sticky;position:sticky;top:70px;width:260px}.docs-sidebar-header{border-bottom:1px solid #e0e0e0;color:#333;font-size:20px;font-weight:700;margin-bottom:8px;padding:8px 20px 16px}.docs-sidebar-nav{list-style:none;margin:0;padding:0}.docs-sidebar-link{border-left:3px solid #0000;color:#555;display:block;font-size:14px;font-weight:500;padding:10px 20px;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.docs-sidebar-link.active,.docs-sidebar-link:hover{background:#e8f0fe;color:#007bff}.docs-sidebar-link.active{border-left-color:#007bff;font-weight:600}.docs-sidebar-toggle{background:#007bff;border:none;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #007bff4d;color:#fff;cursor:pointer;display:none;font-size:14px;font-weight:600;left:20px;padding:10px 16px;position:fixed;z-index:998}.docs-sidebar-overlay{display:none}.docs-main{background:#fff;flex:1 1;min-width:0;padding:40px 48px}.docs-content{max-width:860px}.docs-content h1{border-bottom:3px solid #007bff;color:#333;font-size:36px;margin-bottom:8px;padding-bottom:16px}.docs-toc{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:36px;padding:20px 28px}.docs-toc h2{color:#333;font-size:18px;margin:0 0 12px}.docs-toc ol{margin:0;padding-left:20px}.docs-toc li{font-size:14px;line-height:1.6;margin-bottom:6px}.docs-toc ol ol{margin-top:4px;padding-left:18px}.docs-toc a{color:#007bff;text-decoration:none}.docs-toc a:hover{text-decoration:underline}.docs-section{line-height:1.7;margin-bottom:40px}.docs-section h2{border-bottom:2px solid #e8f0fe;color:#007bff;font-size:24px;margin-bottom:14px;margin-top:28px;padding-bottom:8px}.docs-section h3{color:#333;font-size:18px;margin:20px 0 10px}.docs-section h4{color:#555;font-size:15px;margin:16px 0 8px}.docs-section p{color:#444;font-size:15px;margin-bottom:12px}.docs-section ol,.docs-section ul{margin-bottom:14px;padding-left:24px}.docs-section li{color:#444;font-size:15px;line-height:1.6;margin-bottom:6px}.docs-section code{background:#f0f0f0;border-radius:4px;color:#d63384;font-family:Consolas,Courier New,monospace;font-size:13px;padding:2px 6px}.docs-section pre{background:#1e1e2e;border-radius:8px;color:#cdd6f4;font-size:13px;line-height:1.6;margin-bottom:16px;overflow-x:auto;padding:16px 20px}.docs-section pre code{background:none;border-radius:0;color:inherit;font-size:inherit;padding:0}.docs-table-wrapper{margin-bottom:16px;overflow-x:auto}.docs-table{border-collapse:collapse;font-size:14px;width:100%}.docs-table th{background:#f0f4ff;border:1px solid #dde4f0;color:#333;font-weight:600;padding:10px 14px;text-align:left}.docs-table td{border:1px solid #e0e0e0;color:#444;padding:9px 14px}.docs-table td code{font-size:12px}.docs-table tbody tr:nth-child(2n){background:#fafbff}.docs-footer{border-top:2px solid #eee;margin-top:48px;padding-top:30px;text-align:center}@media screen and (max-width:768px){.docs-sidebar-toggle{display:block}.docs-sidebar-overlay{background:#0006;display:block;inset:0;position:fixed;z-index:998}.docs-sidebar{box-shadow:none;height:calc(100vh - 70px);left:0;position:fixed;top:70px;transform:translateX(-100%);transition:transform .25s ease;z-index:999}.docs-sidebar.open{box-shadow:4px 0 20px #00000026;transform:translateX(0)}.docs-main{padding:24px 16px}.docs-content h1{font-size:28px}.docs-section h2{font-size:20px}.docs-section pre{font-size:12px;padding:12px 14px}.docs-table{font-size:12px}.docs-table td,.docs-table th{padding:6px 8px}}body.dark-mode .docs-sidebar{background:#1a1a1a;border-right-color:#333}body.dark-mode .docs-sidebar-header{border-bottom-color:#333;color:#e0e0e0}body.dark-mode .docs-sidebar-link{color:#b0b0b0}body.dark-mode .docs-sidebar-link:hover{background:#252525;color:#4dabf7}body.dark-mode .docs-sidebar-link.active{background:#252525;border-left-color:#4dabf7;color:#4dabf7}body.dark-mode .docs-sidebar-toggle{background:#4dabf7;box-shadow:0 4px 12px #4dabf74d}body.dark-mode .docs-main{background:#1e1e1e}body.dark-mode .docs-content h1{border-bottom-color:#4dabf7;color:#fff}body.dark-mode .docs-subtitle{color:#aaa}body.dark-mode .docs-toc{background:#262626;border-color:#444}body.dark-mode .docs-toc h2{color:#e0e0e0}body.dark-mode .docs-toc li{color:#ccc}body.dark-mode .docs-toc a{color:#4dabf7}body.dark-mode .docs-section h2{border-bottom-color:#333;color:#4dabf7}body.dark-mode .docs-section h3{color:#e0e0e0}body.dark-mode .docs-section h4,body.dark-mode .docs-section li,body.dark-mode .docs-section p{color:#ccc}body.dark-mode .docs-section code{background:#2a2a2a;color:#f0a0c0}body.dark-mode .docs-section pre{background:#0d1117;color:#c9d1d9}body.dark-mode .docs-table th{background:#2a2a2a;border-color:#444;color:#e0e0e0}body.dark-mode .docs-table td{border-color:#444;color:#ccc}body.dark-mode .docs-table tbody tr:nth-child(2n){background:#262626}body.dark-mode .docs-footer{border-top-color:#444}.docs-image-wrapper{margin:20px 0 8px;text-align:center}.docs-image{border:1px solid #dde4f0;border-radius:8px;box-shadow:0 2px 8px #00000014;max-width:100%}.docs-image-caption{color:#888;font-size:13px;font-style:italic;margin-top:8px}body.dark-mode .docs-image{border-color:#444;box-shadow:0 2px 8px #0006}body.dark-mode .docs-image-caption{color:#aaa}.chatbot-fab{align-items:center;background:#007bff;border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 16px #007bff59;color:#fff;cursor:pointer;display:flex;font-size:26px;height:56px;justify-content:center;position:fixed;right:24px;transition:transform .2s ease,box-shadow .2s ease;width:56px;z-index:9999}.chatbot-fab:hover{box-shadow:0 6px 24px #007bff73;transform:scale(1.08)}.chatbot-window{animation:chatbot-slide-up .25s ease;background:#fff;border:1px solid #e0e0e0;border-radius:16px;bottom:24px;box-shadow:0 8px 40px #0000002e;display:flex;flex-direction:column;height:520px;overflow:hidden;position:fixed;right:24px;width:380px;z-index:9999}@keyframes chatbot-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chatbot-header{align-items:center;background:#007bff;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:14px 18px}.chatbot-title{font-size:16px;font-weight:700}.chatbot-close{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;padding:2px 6px;transition:background .15s}.chatbot-close:hover{background:#fff3}.chatbot-messages{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:16px 14px}.chatbot-msg{display:flex}.chatbot-msg-user{justify-content:flex-end}.chatbot-msg-assistant{justify-content:flex-start}.chatbot-bubble{word-wrap:break-word;border-radius:14px;font-size:14px;line-height:1.5;max-width:80%;padding:10px 14px;white-space:pre-wrap}.chatbot-msg-user .chatbot-bubble{background:#007bff;border-bottom-right-radius:4px;color:#fff}.chatbot-msg-assistant .chatbot-bubble{background:#f0f0f0;border-bottom-left-radius:4px;color:#333}.chatbot-typing{align-items:center;display:flex;gap:4px;padding:12px 18px}.chatbot-typing span{animation:chatbot-dot 1.2s ease-in-out infinite;background:#999;border-radius:50%;height:8px;width:8px}.chatbot-typing span:nth-child(2){animation-delay:.2s}.chatbot-typing span:nth-child(3){animation-delay:.4s}@keyframes chatbot-dot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chatbot-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px 4px}.chatbot-suggestion-chip{background:#e8f0fe;border:1px solid #c5d8f8;border-radius:16px;color:#007bff;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:500;line-height:1.3;padding:6px 14px;transition:background .15s ease,color .15s ease}.chatbot-suggestion-chip:hover{background:#007bff;border-color:#007bff;color:#fff}body.dark-mode .chatbot-suggestion-chip{background:#1e2a3a;border-color:#2a3f5a;color:#4dabf7}body.dark-mode .chatbot-suggestion-chip:hover{background:#4dabf7;border-color:#4dabf7;color:#111}.chatbot-input-area{background:#fff;border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:8px;padding:10px 12px}.chatbot-input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s}.chatbot-input:focus{border-color:#007bff}.chatbot-input:disabled{background:#f5f5f5;color:#999}.chatbot-send{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:18px;padding:0 14px;transition:background .2s}.chatbot-send:hover:not(:disabled){background:#0056b3}.chatbot-send:disabled{background:#b0c4de;cursor:not-allowed}body.dark-mode .chatbot-fab{background:#4dabf7;box-shadow:0 4px 16px #4dabf759}body.dark-mode .chatbot-window{background:#1e1e1e;border-color:#333;box-shadow:0 8px 40px #00000080}body.dark-mode .chatbot-header{background:#333}body.dark-mode .chatbot-msg-assistant .chatbot-bubble{background:#2a2a2a;color:#ddd}body.dark-mode .chatbot-msg-user .chatbot-bubble{background:#4dabf7}body.dark-mode .chatbot-input-area{background:#1e1e1e;border-top-color:#333}body.dark-mode .chatbot-input{background:#2a2a2a;border-color:#444;color:#e0e0e0}body.dark-mode .chatbot-input:focus{border-color:#4dabf7}body.dark-mode .chatbot-input:disabled{background:#252525;color:#666}body.dark-mode .chatbot-send{background:#4dabf7}body.dark-mode .chatbot-send:hover:not(:disabled){background:#339af0}body.dark-mode .chatbot-send:disabled{background:#333}body.dark-mode .chatbot-typing span{background:#666}@media screen and (max-width:480px){.chatbot-window{border-radius:12px;bottom:8px;height:calc(100vh - 100px);right:8px;width:calc(100vw - 16px)}.chatbot-fab{bottom:16px;right:16px}}
/*# sourceMappingURL=main.296d46c6.css.map*/