@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";*{font-family:Space Mono,Courier New,Courier,monospace}html,body{margin:0;padding:40px 0 0;border:0;width:100%;box-sizing:border-box;background-color:#f5f5f5}.yellow-button{background:#ffb606;padding:.6em 1.3em;font-weight:900;font-size:18px;border:3px solid black;border-radius:.4em;box-shadow:.1em .1em;cursor:pointer}.yellow-button:hover{transform:translate(-.05em,-.05em);box-shadow:.15em .15em}.yellow-button:active{transform:translate(.05em,.05em);box-shadow:.05em .05em}.header{display:flex;flex-direction:row;justify-content:space-between;background-color:#2d1972;position:fixed;top:0;left:0;right:0;width:100%;height:90px;z-index:1000}.left-header,.right-header,.center-header{display:flex;flex-direction:row;align-items:center;color:#fff;justify-content:center}.right-header{gap:20px;margin-right:20px}.right-header img{cursor:pointer}.center-header{margin-left:-20px;gap:20px}.logo-text{color:#fff}.du-logo{width:60px;height:60px;border-radius:50%;margin-right:10px}.profile-dropdown-container{position:absolute;top:90px;right:1px;display:block;box-sizing:border-box;width:350px;height:auto;max-height:90vh;box-shadow:0 8px 32px #00000040;border-radius:18px;z-index:2000}.profile-dropdown{background-color:#fafafa;height:125px;width:100%;border-radius:10px;display:flex;flex-direction:column}#dropdown-button{background-color:transparent;border:none;text-align:left;color:#000;padding:10px;font-size:16px;cursor:pointer;height:60px;box-shadow:none;transform:none;margin-left:30px}.search-product{width:500px;height:40px;border-radius:20px;padding:0 20px;border:none;outline:none;font-size:16px}.add-icon{cursor:pointer}.cart-sidebar-container{position:fixed;top:90px;right:0;min-width:400px;height:100%;background-color:#f8f8f8;z-index:1001;box-shadow:-2px 0 5px #00000080;padding:0 10px}.cart-sidebar{height:100%;width:100%;color:#000}.cart-close-button{position:absolute;top:5px;right:10px}.cart-close-btn{width:50px;height:50px;border-radius:100%;background-color:#f0f0f0;border:2px solid #111;box-shadow:none;display:flex;align-items:center;justify-content:center}.cart-close-btn:hover{border:2px solid #000;background-color:#e9e9e9;box-shadow:none;transform:none}.checkout{display:flex;flex-direction:column;align-items:center;margin-top:20px}.checkout-btn{width:95%;cursor:pointer}.cart-header{background-color:#fff;height:60px}.cart-header h2{margin:0;padding-left:10px;line-height:60px}.total-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:60px}.total{font-size:20px;font-weight:700;color:#fff;background-color:#2d1972;height:50px;width:95%;border-radius:5px;display:flex;align-items:center;justify-content:center}.cart-divider{border:none;border-top:2px solid #e0e0e0;margin:10px 0}.cart-item{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #ececec}.cart-item-image{width:48px;height:48px;object-fit:cover;border-radius:6px;margin-right:12px}.cart-item-details{flex:1;display:flex;flex-direction:column}.cart-item-title{width:200px;font-size:1rem;font-weight:500;margin-bottom:4px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cart-item-remove{background:none;border:none;color:#c00;font-size:1.2rem;cursor:pointer;margin:5px 10px}.cart-item-quantity{display:flex;justify-content:center;align-items:center;flex-direction:row;width:150px;gap:8px}.qty-btn{background:#eee;border:1px solid #ccc;border-radius:3px;width:40px;height:28px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:none}.qty-btn:hover{background:#ddd}.sidebar-container{position:absolute;top:calc(100% + 15px);left:50%;transform:translate(-50%);width:350px;height:auto;max-height:90vh;background:#fff;box-shadow:0 8px 32px #00000040;border-radius:18px;z-index:2000;display:flex;flex-direction:column;overflow-y:auto;margin-top:0}.sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000040;z-index:1999}.sidebar-section{padding:16px;border-bottom:1px solid #eee}.sidebar-link{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:1rem;cursor:pointer;color:#0046be;border-bottom:1px solid #f0f0f0}.sidebar-link:last-child{border-bottom:none}.sidebar-arrow{font-size:1.2em;color:#bbb}.sidebar-icon{width:50px;height:50px;cursor:pointer}.shop-container{display:flex;flex-direction:row;padding:20px 10px}.close-button{margin-bottom:20px}.close-btn{width:50px;height:50px;border-radius:100%;background-color:#f0f0f0;border:2px solid #111;box-shadow:none;display:flex;align-items:center;justify-content:center}.close-btn:hover{border:2px solid #000;background-color:#e9e9e9;box-shadow:none;transform:none}.item-card-container{display:flex;flex-wrap:wrap;gap:20px;padding:20px}.item-card{width:300px;height:350px;border:1px solid #ccc;border-radius:10px;padding:20px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;align-items:center;cursor:pointer}.item-card img{width:100%;height:175px;object-fit:contain;border-radius:10px}.item-card h3{margin:5px 0;font-size:1.2em}.item-card p{margin:5px 0;font-size:1em}.addCart{width:100%;padding:12px;background-color:#2d1972;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.addCart:hover{background-color:#ffb606}.addCart:active{transform:translate(.05em,.05em);box-shadow:.05em .05em}.addCart:disabled{background-color:#ccc;cursor:not-allowed}.admin-container{display:flex;flex-direction:column;align-items:center;padding:40px 20px;width:1000px;margin:40px auto;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.admin-title{font-size:1.8rem;font-weight:600;color:#1f2937;margin-bottom:24px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:400px}.order-table{width:90%;margin-top:20px;border-collapse:collapse}.order-table th,.order-table td{border:1px solid #ddd;padding:12px;text-align:center}.order-table th{background-color:#f4f4f4;font-weight:700}.order-table tr:hover{background-color:#f9f9f9}.search-input{padding:10px;margin-bottom:20px;width:280px;border:1px solid #ddd;border-radius:6px}.total-count{font-size:18px;font-weight:700;margin-bottom:15px;color:#374151}.search-input{width:100%;max-width:400px;padding:8px 12px;margin-bottom:15px;border:1px solid #ddd;border-radius:6px;font-size:14px}.seller-button{padding:6px 12px;background:#0b15d9;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.seller-button:hover{background:#160be1}.deactivate-btn{background-color:#fd7e14;color:#fff;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.activate-btn{background-color:#17a2b8;color:#fff;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.approve-btn{background-color:#28a745;color:#fff;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.approve-btn:hover{background-color:#218838}.ban-btn{padding:6px 12px;background:#d32f2f;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.ban-btn:hover{background:#b71c1c}.unban-btn{padding:6px 12px;background:#2e7d32;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.unban-btn:hover{background:#1b5e20}.seller-container{display:flex;flex-direction:column;align-items:center;padding:40px 20px;width:1000px;margin:40px auto;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.seller-title{font-size:1.8rem;font-weight:600;color:#1f2937;margin-bottom:24px}.seller-stats{display:flex;gap:32px;margin-bottom:32px;width:100%;justify-content:center}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;min-width:120px}.stat-icon{font-size:24px}.stat-label{font-size:14px;color:#64748b;font-weight:500}.stat-value{font-size:18px;font-weight:600;color:#1f2937}.seller-grid{display:flex;flex-direction:row;gap:16px;width:100%;max-width:600px}.seller-button{padding:10px 20px;font-size:16px;cursor:pointer;border:none;border-radius:6px;background-color:#3b82f6;color:#fff}.seller-button.disabled{background-color:gray;cursor:not-allowed}.form-container{display:flex;flex-direction:column;align-items:center;gap:16px}.profile-container{display:flex;justify-content:center;align-items:center;min-height:90vh}.options label{border:2px solid #000;border-radius:25px;padding:12px 20px;text-align:center;cursor:pointer;font-weight:400;color:#666;font-size:14px}.options label:hover{background-color:#f8f9fa}.content{display:flex;align-items:center;justify-content:center;flex-direction:column}.content hr{width:100%;border:1px solid #ccc;margin:10px 0}.profile-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000a;padding:40px 32px 24px;min-width:350px;max-width:700px;width:100%;display:flex;flex-direction:column;align-items:stretch}.avatar{width:110px;height:110px;border-radius:50%;border:2px solid #222;margin:0 auto 32px;background:none}.profile-row{display:flex;justify-content:space-between;font-size:1.1rem;margin-bottom:8px;color:#222}.profile-divider{border-bottom:2px solid #222;margin:16px 0}.profile-link-row{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;color:#222;cursor:pointer;margin-bottom:8px;padding:4px 0}.profile-link-row:hover{background:#f5f5f5}.profile-arrow img{width:40px;height:40px}.login-container{display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;flex-direction:column}.form-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px;width:100%;max-width:400px}h1{text-align:center;color:#333;margin-bottom:25px}.form-group{margin-bottom:20px;min-width:400px}label{display:block;margin-bottom:5px;font-weight:500;color:#555}input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box}input:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 2px #4a90e233}.submit-btn{width:100%;padding:12px;background-color:#2d1972;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.submit-btn:hover{background-color:#ffb606}.submit-btn:disabled{background-color:#39305a;cursor:not-allowed;opacity:.6}.forgot-password{color:#4a90e2;text-decoration:none;margin-bottom:15px;text-align:right;cursor:pointer;display:inline-block}.forgot-password:hover{text-decoration:underline}.toggle-form{text-align:center;margin-top:20px;color:#666}.toggle-btn{background:none;border:none;color:#4a90e2;cursor:pointer;font-size:16px;padding:0;text-decoration:underline;box-shadow:none}.toggle-btn:hover{color:#3a7bc8;box-shadow:none}.exit-button{position:absolute;top:20px;right:20px}.exit-btn{width:50px;height:50px;border-radius:100%;background-color:#f0f0f0;border:2px solid #111;box-shadow:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.exit-btn:hover{border:2px solid #000;background-color:#e9e9e9;box-shadow:none;transform:none}.first-part{background:#f1f1f1;width:100%;height:calc(100vh - 80px);color:#2d1972;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center}.first-part h1{margin-top:0;font-size:50px}.wrapper{display:inline-block;margin:20px 0;height:72px;overflow:hidden}.typing-text{display:flex;flex-direction:column;align-items:center;position:relative;height:72px;width:180px;justify-content:flex-start}.typing-text span{position:absolute;left:0;right:0;opacity:0;font-size:3rem;font-weight:700;text-align:center;animation:typeAnimation 6s linear infinite}.typing-text span:nth-child(1){animation-delay:0s}.typing-text span:nth-child(2){animation-delay:2s}.typing-text span:nth-child(3){animation-delay:4s}@keyframes typeAnimation{0%,to{opacity:0}5%,30%{opacity:1}35%,to{opacity:0}}.browse-button{margin-top:30px;padding:10px 25px;font-size:1.1rem;box-shadow:0 4px 6px #0000001a;width:600px}.browse-button:hover{box-shadow:0 6px 12px #0003}.container{display:flex;flex-direction:column;background:#f8f8f8;gap:20px;min-height:100vh;align-items:center}.top-part{display:flex;gap:20px;justify-content:center;align-items:flex-start;margin-top:40px;width:100%;max-width:1140px;margin-left:auto;margin-right:auto}.picture-container{display:flex;gap:15px;background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:750px;height:500px}.picture-bar{display:flex;flex-direction:column;gap:10px;align-items:center;background:#f5f5f5;border-radius:8px;min-height:80px;padding:10px}.picture-bar img{width:80px;height:80px;cursor:pointer;border:2px solid transparent;border-radius:4px;transition:border-color .2s ease,transform .2s ease}.picture-bar img:hover{border-color:#ffb606;transform:scale(1.05)}.picture-bar img.active{border-color:#2d1972}.main-picture{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;display:block;margin:auto}.info-container{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-width:320px;max-width:400px;display:flex;flex-direction:column;gap:10px}.info-container h2{margin-bottom:10px;color:#2d1972}.info-container p{color:#333;font-size:1.1em}.info-container span{color:#555;font-size:1em}.details-container{width:100%;max-width:1140px;margin-top:20px;margin-left:auto;margin-right:auto;background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;padding:20px;display:flex;flex-direction:column;gap:10px}.tab-bar{display:flex;gap:10px;align-items:center;margin-bottom:20px}.tab-bar span{cursor:pointer;padding:10px 15px;border-radius:10px;transition:background-color .3s;font-weight:600;background-color:#f0f0f0;color:#333}.tab-bar span:hover{background-color:#e0e0e0}.tab-bar span.active{background-color:#2d1972;color:#fff;cursor:default}.tab-content{background:#fafafa;border-radius:8px;padding:15px;min-height:80px;color:#222;font-size:1.05em}.status-indicator{font-weight:600;font-size:.9em}.status-active{color:#0c5460}.status-pending{color:#856404}.status-out-of-stock{color:#721c24}.message-btn{margin-top:8px;padding:8px 12px;border-radius:10px;border:none;background:#222;color:#fff;cursor:pointer}.message-btn:disabled{opacity:.5;cursor:not-allowed}.message-box{position:fixed;bottom:16px;right:16px;width:320px;background:#fff;border:1px solid #e6e6e6;border-radius:14px;box-shadow:0 10px 30px #0000001f;display:flex;flex-direction:column;overflow:hidden;z-index:9999}.message-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f7f7f7;border-bottom:1px solid #eee}.message-header h4{margin:0;font-size:14px}.message-header button{border:none;background:transparent;font-size:18px;cursor:pointer}.message-list{padding:10px;height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.message{max-width:80%;padding:8px 10px;border-radius:12px;display:inline-flex;flex-direction:column}.message.sent{align-self:flex-end;background:#dcf8c6}.message.received{align-self:flex-start;background:#f1f1f1}.message small{color:#777;margin-top:4px;font-size:11px}.message-empty{text-align:center;color:#888;margin-top:20px}.message-input{display:flex;gap:6px;padding:8px;border-top:1px solid #eee}.message-input input{flex:1;padding:8px 10px;border:1px solid #ddd;border-radius:10px}.message-input button{padding:8px 12px;border-radius:10px;border:none;background:#111;color:#fff;cursor:pointer}.picture-bar{display:flex;flex-direction:column;gap:10px;align-items:center;background:#f5f5f5;border-radius:8px;min-height:80px}.add-image-section{flex-shrink:0}.thumbnail-container{cursor:pointer;transition:transform .2s ease}.thumbnails-container{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:flex-start;max-height:620px;overflow-y:auto;overflow-x:hidden}.thumbnail-container:hover{transform:scale(1.05)}.thumbnail-container.dragging{opacity:.5;transform:rotate(5deg)}.thumbnail-container.drag-over{transform:scale(1.1);box-shadow:0 4px 12px #2d19724d}.thumbnail{border:2px solid transparent;border-radius:4px;transition:border-color .2s ease}.thumbnail.active{border-color:#2d1972}.thumbnail:hover{border-color:#ffb606}.delete-thumbnail-btn{position:absolute;top:0;right:0;background:#f44;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:14px;font-weight:700;cursor:pointer;display:none;line-height:1;padding:0;align-items:center;justify-content:center}.thumbnail-container:hover .delete-thumbnail-btn{display:flex}.delete-thumbnail-btn:hover{background:#c00}.info-form{display:flex;flex-direction:column;gap:10px;width:100%;box-sizing:border-box;padding:10px}.info-select{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%}.name{width:70%}.price,.stock{width:25%}.add-info-container{background:#fff;padding:2px}.info-select select{height:50px;background-color:#fff;border:1px solid #ccc;flex:1;padding:5px 10px}textarea{height:360px;padding:10px;border:1px solid #ccc;border-radius:4px;resize:none;flex:1 1 auto;min-height:0;width:100%;box-sizing:border-box}.edit-preview{background-color:#f0f8ff;padding:5px 10px;border-radius:10px;text-decoration:none}.edit-preview.active{background-color:#2d1972;color:#fff}.add-product-container{display:flex;flex-direction:column;gap:20px;padding:20px}.add-product-top{display:flex;gap:20px;justify-content:space-evenly}.picture-bar{display:flex;gap:10px;align-items:center;padding:10px;background:#f5f5f5;border-radius:8px;min-height:80px}.picture-container{display:flex;gap:15px;background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.picture-area{display:flex;justify-content:center;align-items:center;min-height:300px;background:#fafafa;border:2px dashed #ddd;border-radius:8px}.main-picture{max-width:100%;object-fit:contain;border-radius:4px}.add-product-details{width:97%;margin-top:20px;margin-left:30px}.details-bar-side{display:flex;gap:10px;align-items:center}.details-bar-side span{cursor:pointer;padding:10px 15px;border-radius:10px;transition:background-color .3s;font-weight:600;background-color:#f0f0f0;color:#333}.details-bar-side span:hover{background-color:#e0e0e0}.details-bar-side span.active{background-color:#2d1972;color:#fff;cursor:default}.details-content{display:flex;gap:10px}.details-editor{width:50%}.management-container{height:85vh;width:100%;display:flex;justify-content:center;align-items:center}.categories-page-container{max-width:1200px;margin:0 auto}.add-category-section{margin-bottom:40px;padding:20px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.add-category-section h3{margin-top:0;margin-bottom:20px;color:#374151;font-size:1.25rem}.categories-management{display:flex;gap:20px;height:500px}.categories-list,.subcategories-list{width:400px;flex-shrink:0}.categories-list h3,.subcategories-list h3{margin-top:0;margin-bottom:15px;color:#374151;font-size:1.1rem}.list-container{border:1px solid #e5e7eb;border-radius:8px;height:400px;overflow-y:auto;background:#fff}.empty-message{padding:40px 20px;text-align:center;color:#6b7280;font-style:italic}.category-item,.subcategory-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s ease}.category-item:hover{background-color:#f9fafb}.category-item.selected{background-color:#dbeafe;border-left:3px solid #3b82f6}.category-name{font-weight:400;color:#374151}.category-item.selected .category-name{font-weight:600;color:#1e40af}.subcategory-item{cursor:default}.subcategory-name{color:#374151}.delete-btn{background:#dc3545;color:#fff;border:none;border-radius:4px;padding:6px 10px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.delete-btn:hover:not(:disabled){background:#c82333}.delete-btn:disabled{background:#6c757d;cursor:not-allowed}.category-item:last-child,.subcategory-item:last-child{border-bottom:none}.list-container::-webkit-scrollbar{width:6px}.list-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.list-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.list-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.product-container{padding:20px}.product-table{width:100%;border-collapse:collapse;margin-top:15px}.product-table th,.product-table td{border:1px solid #ddd;padding:10px;text-align:center}.product-table th{background-color:#f2f2f2}.product-container{max-width:900px;margin:30px auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}.product-container h2{margin-bottom:10px;font-size:24px;color:#333}.product-container p{margin:5px 0 15px;font-size:14px;color:#555}.search-input{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ddd;border-radius:8px;font-size:14px}.product-table{width:100%;border-collapse:collapse}.product-table th,.product-table td{padding:12px;border:1px solid #eee;text-align:left}.product-table th{background:#f8f9fa;font-weight:700;color:#444}.action-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:nowrap}button{padding:4px 8px;font-size:12px;border:none;border-radius:4px;cursor:pointer;transition:background .2s ease;white-space:nowrap}.edit-btn{background-color:#007bff;color:#fff}.edit-btn:hover{background-color:#0069d9}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:hover{background-color:#c82333}.save-btn{background-color:#28a745;color:#fff}.save-btn:hover{background-color:#218838}.cancel-btn{background-color:#6c757d;color:#fff}.cancel-btn:hover{background-color:#5a6268}input[type=number]{width:80px;padding:6px;border:1px solid #ccc;border-radius:6px}.my-products-page-wrapper{background-color:#f5f5f5;min-height:100vh;padding:20px}.my-products-loading-wrapper,.my-products-no-products-wrapper{height:85vh;width:100%;display:flex;justify-content:center;align-items:center}.no-products-text{text-align:center;margin-bottom:24px;color:#666}.no-products-action{display:flex;justify-content:center}.my-products-header{text-align:center;margin-bottom:30px;color:#333;font-size:2.5rem;font-weight:700}.my-products-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center;transition:transform .2s,box-shadow .2s}.stat-card h3{font-size:2rem;color:#007bff;margin-bottom:10px;margin-top:0}.stat-card p{color:#666;font-size:1rem;margin:0}.add-product-card{cursor:pointer;border:2px dashed #007bff;background-color:#f8f9ff}.add-product-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #007bff26;background-color:#e6f3ff}.add-product-card h3{color:#007bff;font-size:3rem;font-weight:300}.add-product-card p{color:#007bff;font-weight:600}.my-products-search-section{margin-bottom:20px;display:flex;justify-content:flex-end}.search-wrapper{position:relative;width:300px}.search-input{padding:10px 15px;font-size:1rem;border:1px solid #ddd;border-radius:5px;width:100%;outline:none;box-sizing:border-box}.products-table-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden;width:100%;max-width:1200px;margin:0 auto}.product-table{width:100%;border-collapse:collapse;min-width:800px}.product-table th{background-color:#f8f9fa;padding:20px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6;font-size:1.1rem}.product-name-column{width:30%}.product-price-column{width:12%;text-align:center}.product-stock-column{width:8%;text-align:center}.product-status-column{width:15%;text-align:center}.actions-column{width:35%;text-align:center}.product-table td{padding:20px;border-bottom:1px solid #dee2e6;font-size:1rem}.product-name-cell{text-align:left;font-weight:500;color:#333}.product-price-cell,.product-stock-cell{text-align:center;font-weight:500}.product-status-cell{text-align:center}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-active{background-color:#d1edff;color:#0c5460;border:1px solid #bee5eb}.status-out-of-stock{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.action-buttons{display:flex;gap:10px;justify-content:center}.edit-btn,.toggle-status-btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;white-space:nowrap}.edit-btn{background-color:#28a745;color:#fff}.edit-btn:hover{background-color:#218838}.deactivate-btn{background-color:#fd7e14;color:#fff}.deactivate-btn:hover{background-color:#e8680e}.activate-btn{background-color:#17a2b8;color:#fff}.activate-btn:hover{background-color:#138496}.no-products-message{text-align:center;color:#666;font-style:italic;padding:30px 15px}@media (max-width: 768px){.my-products-page-wrapper{padding:10px}.my-products-header{font-size:2rem;margin-bottom:20px}.my-products-stats{grid-template-columns:1fr;gap:15px;margin-bottom:20px}.stat-card{padding:15px}.stat-card h3{font-size:1.5rem}.add-product-card h3{font-size:2rem}.my-products-search-section{justify-content:center}.search-wrapper{width:100%;max-width:400px}.products-table-container{overflow-x:auto}.product-table{min-width:600px}.product-table th,.product-table td{padding:12px 10px;font-size:.875rem}.action-buttons{flex-direction:column;gap:5px}.edit-btn,.toggle-status-btn{width:100%;padding:8px;font-size:.75rem}}.order-container{padding:20px;max-width:900px;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:80vh;width:100%;gap:20px}.order-items-wrapper{width:100%;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.order-item-container{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #eee;background-color:#fff;min-height:50px;width:100%;box-sizing:border-box}.left-side{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.left-side img{width:40px;height:40px;object-fit:cover;border-radius:4px;flex-shrink:0}.left-side span{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.right-side{display:flex;align-items:center;font-size:14px;color:#555;flex-shrink:0;text-align:right;margin-left:10px;white-space:nowrap}.order-total{width:100%;padding:15px;font-size:18px;font-weight:700;background-color:#f9f9f9;border-top:1px solid #eee}.messenger-container{display:flex;border:1px solid #ccc;height:90vh}.users-list{width:30%;border-right:1px solid #ccc;padding:20px 10px;overflow-y:auto;background:#f7f7f7}.user-item{padding:10px;cursor:pointer;border-radius:5px;margin-bottom:5px}.user-item.selected{background:#ddd}.user-item:not(.selected){background:transparent}.chat-window{flex:1;display:flex;flex-direction:column;background:#f8fafc}.chat-header{border-bottom:1px solid #ccc;padding:10px;font-weight:700}.message-list{flex:1;overflow-y:auto;background:#e5ddd5;padding:20px 10px}.message-bubble{display:inline-block;padding:8px 12px;border-radius:15px;margin-bottom:5px;max-width:70%;word-break:break-word}.message-bubble.mine{background:#dcf8c6}.message-bubble.other{background:#fff}.message-container-mine{text-align:right}.message-container-other{text-align:left}.message-info{font-size:11px;color:#555;margin-top:2px}.input-container{display:flex;border-top:1px solid #ccc;padding:10px}.message-input{flex:1;padding:8px;border-radius:20px;border:1px solid #ccc;outline:none}.send-button{margin-left:10px;padding:8px 16px;border-radius:20px;border:none;background:#128c7e;color:#fff;cursor:pointer}.select-user-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;background:#fff;font-size:1.2rem;font-weight:500;color:#64748b;text-align:center}.select-user-prompt:before{content:"💬";font-size:3rem;margin-bottom:16px;opacity:.5}.empty-chat-message{padding:10px}.loading-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#64748b}.loading-messages p{margin-top:16px;font-size:14px;font-weight:500}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #128c7e;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.order-container{padding:20px}.order-card{border:1px solid #ddd;padding:12px;margin-bottom:12px;border-radius:8px;background:#f9f9f9}.payment-container{display:flex;flex-direction:column;align-items:center;padding:2rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:1000px;background:#fff;min-width:400px}.payment-row{display:flex;gap:2rem;margin-top:1rem}.payment-form{display:flex;flex-direction:column;gap:1.5rem}.payment-field{display:flex;flex-direction:column;gap:.5rem}.field-label{font-weight:600;color:#333;margin-bottom:.5rem}.payment-options-horizontal{display:flex;gap:1rem;flex-wrap:wrap}.payment-option-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.payment-radio{accent-color:#2652a3ff;margin-right:.5rem;margin:0}.payment-input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.payment-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.payment-center{display:flex;justify-content:center;align-items:center;min-height:90vh}.payment-success{text-align:center;padding:2rem}.payment-success h2{color:#28a745;margin-bottom:1rem}.payment-success p{color:#666;font-size:1.1rem}.payment-timer{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:1rem;margin-bottom:1.5rem;text-align:center;transition:all .3s ease}.payment-timer.warning{background-color:#f8d7da;border-color:#f5c6cb}.payment-timer h3{color:#856404;margin:0 0 .5rem;font-size:1.2rem}.payment-timer.warning h3{color:#721c24}.payment-timer p{color:#6c757d;margin:0;font-size:.9rem}.payment-expired{text-align:center;padding:2rem;background-color:#f8d7da;border-radius:6px;border:1px solid #f5c6cb}.payment-expired h2{color:#721c24;margin-bottom:1rem}.payment-expired p{color:#721c24;margin-bottom:1.5rem}.payment-summary{background-color:#f8f9fa;border-radius:6px;padding:1rem;border:1px solid #dee2e6}.payment-summary h3{margin:0 0 .5rem;color:#495057;font-size:1.1rem}.payment-summary p{margin:0;color:#6c757d;font-weight:500}