*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}html,body{color:#111827;background-color:#fff;margin:0;padding:0}#root{width:100%;min-height:100vh;margin:0 auto;border-inline:none!important}input[type=text]:focus,input[type=number]:focus{box-shadow:none!important;border-color:#ced4da!important;outline:none!important}.main-header{text-align:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.header-title{color:#111827;margin:0;font-size:1.8rem;font-weight:600}.header-subtitle{color:#555;letter-spacing:.025em;margin:.6rem 0 0;font-size:.8rem}.search-bar-container{width:100%;margin-bottom:1.5rem;display:block}.search-input{border:1px solid #ccc;border-radius:100px;outline:none;width:100%;padding:.6rem;font-size:.85rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.search-input:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd40}.add-product-form,.add-product-form *,.btn-submit-product{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}.add-product-form{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}.add-product-form h4{color:#374151;text-align:center;margin:0;font-weight:600}.input-group-row{flex-wrap:wrap;gap:.5rem;display:flex}.input-group-row input[type=text]:first-child{flex:2;min-width:180px}.input-group-row input[type=text]:nth-child(2){flex:1;min-width:120px}.add-product-form input[type=text]{border:1px solid #ccc;border-radius:100px;outline:none;padding:.6rem;font-size:.85rem}.file-upload-group{flex-direction:column;gap:.25rem;display:flex}.file-upload-group label{color:#4b5563;text-align:center;font-size:.85rem}.file-upload-group input[type=file]{background-color:#fff;border:1px solid #ccc;border-radius:100px;padding:.5rem;font-size:.85rem}.btn-submit-product{cursor:pointer;color:#198754;background-color:#0000;border:1px solid #198754;margin-top:.5rem;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .15s ease-in-out;border-radius:50rem!important}.btn-submit-product:hover{color:#fff;background-color:#198754}.prod-card-container{border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;justify-content:space-between;padding:1rem;transition:background-color .2s,border-color .2s;display:flex;box-shadow:0 2px 4px #0000000d}.prod-card-container.is-available{background-color:#fff}.prod-card-container.is-sold{background-color:#f9fafb}.prod-card-content{flex-direction:column;display:flex}.prod-card-img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%;margin-bottom:.75rem;transition:opacity .2s}.prod-card-container.is-sold .prod-card-img{opacity:.6}.prod-card-container h3.prod-card-title{margin:0 0 .5rem;font-weight:600;transition:color .2s;font-size:.85rem!important}.prod-card-container.is-available .prod-card-title{color:#111827}.prod-card-container.is-sold .prod-card-title{color:#9ca3af}.prod-card-container p.prod-card-price{margin:0 0 .75rem;font-weight:700;transition:color .2s;font-size:.8rem!important}.prod-card-container.is-available .prod-card-price{color:#25502b}.prod-card-container.is-sold .prod-card-price{color:#9ca3af}.status-badge{text-align:center;border:1px solid #0000;border-radius:4px;align-self:flex-start;margin-bottom:1rem;padding:2px 6px;font-size:.7rem;font-weight:400;display:inline-block}.badge-available{color:#065f46;background-color:#d1fae5}.badge-sold{color:#991b1b;background-color:#fee2e2}.prod-card-actions{gap:.5rem;display:flex}.prod-card-btn{cursor:pointer;background-color:#0000;padding:6px 14px;font-size:.8rem;font-weight:500;transition:all .15s ease-in-out;border-radius:50rem!important}.prod-card-btn.btn-toggle{flex:1}.btn-prod-primary{color:#0d6efd;border:1px solid #0d6efd}.btn-prod-primary:hover{color:#fff;background-color:#0d6efd}.btn-prod-warning{color:#ffc107;border:1px solid #ffc107}.btn-prod-warning:hover{color:#212529;background-color:#ffc107}.btn-prod-danger{color:#dc3545;border:1px solid #dc3545}.btn-prod-danger:hover{color:#fff;background-color:#dc3545}.product-list-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.product-list-empty{text-align:center;color:#6b7280;padding:2rem;font-size:.9rem}.app-page-wrapper{background-color:#fff;flex-direction:column;width:100%;min-height:100vh;padding:2rem 1rem;display:flex}.app-content-box{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;width:100%;max-width:850px;margin:0 auto;padding:2rem;box-shadow:0 4px 12px #00000008}@media (width<=576px){.app-page-wrapper{padding:1rem .5rem}.app-content-box{border-radius:8px;padding:1.25rem}}
