body{margin:0;font-family:Arial;background:#f5f5f5}.app-container{padding-top:60px;padding-bottom:70px}.bottomnav{position:fixed;bottom:0;width:100%;height:70px;background:#fff;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #ddd}.bottomnav div{text-align:center;font-size:12px}.plus{font-size:28px;background:#4a7bdc;color:#fff;border-radius:50%;padding:10px 15px}.content{padding:10px}.searchbar{background:#fff;padding:12px;border-radius:25px;margin-bottom:10px}.quick-actions{display:flex;gap:10px;overflow-x:auto;margin-bottom:10px}.pill{background:#eee;padding:8px 12px;border-radius:20px;white-space:nowrap}.category-scroll{display:flex;gap:10px;overflow-x:auto;margin-bottom:10px}.category{background:#ddd;padding:10px;border-radius:10px;min-width:80px;text-align:center}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card{background:#fff;border-radius:10px;padding:10px}.image-placeholder{height:100px;background:#ccc;border-radius:8px;margin-bottom:5px}.title{font-size:14px}.search-page{padding:15px}.search-header{display:flex;align-items:center;margin-bottom:15px}.close-btn{font-size:18px;background:none;border:none;margin-right:10px}.title{font-weight:700;font-size:18px}.search-inputs{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.search-inputs input{padding:12px;border-radius:10px;border:1px solid #ddd}.search-btn{padding:12px;border-radius:10px;background:#4a7bdc;color:#fff;border:none}.filters{display:flex;gap:10px;overflow-x:auto;margin-bottom:10px}.filter-pill{background:#eee;padding:8px 12px;border-radius:20px;white-space:nowrap}.results{display:flex;flex-direction:column;gap:10px}.result-card{display:flex;background:#fff;padding:10px;border-radius:10px}.img-placeholder{width:80px;height:80px;background:#ccc;border-radius:8px;margin-right:10px}.price{font-weight:700}.empty{text-align:center;margin-top:20px;color:#888}.bottomnav .active{color:#4a7bdc;font-weight:700}.topbar{position:fixed;top:0;width:100%;height:60px;background:#4a7bdc;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 15px;z-index:1000}.logo{font-weight:700}.icon{font-size:18px}.create-page{padding:15px}.create-header{display:flex;align-items:center;gap:10px}.create-form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.create-form input,.create-form select{padding:12px;border-radius:10px;border:1px solid #ddd}.create-form button{padding:12px;background:#4a7bdc;color:#fff;border:none;border-radius:10px}
