@import"https://fonts.googleapis.com/css2?family=Hi+Melody&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;font-family:Hi Melody,sans-serif}body{background:#f8f8ff}.container{width:80%;margin:40px auto}.title{font-size:30px;font-weight:800;color:#0f172a;margin-bottom:5px;letter-spacing:-1px}.sub-title{font-size:15px;color:#b1b1b1}.form-panel{border:1px solid rgb(186,186,186);border-radius:15px;padding:1rem 1.5rem;display:flex;align-items:center;transition:.35s;background:#fff}.form-title{font-weight:800;margin-bottom:10px;padding-right:10px}.form-row{display:flex;gap:8px;flex-wrap:wrap}.input{padding:5px 15px;border:1px solid rgb(131,133,134);width:150px;transition:.15s;border-radius:8px;font-size:14px}.input:focus{border:1px solid rgb(29,29,55);outline:none}.btn{padding:3px 15px;border-radius:3px;outline:none;background:#1d1d37;color:#fff;cursor:pointer}.sort-row{margin:15px 0;display:flex;gap:8px}.sort-btn{padding:3px 15px;border-radius:3px;outline:none;background:#1d1d37;color:#fff;cursor:pointer}.card{border:1px solid rgb(186,186,186);border-radius:15px;padding:1rem 1.5rem;display:flex;align-items:center;transition:.35s;background:#fff}.card:hover{box-shadow:0 2px 14px #d7d7d7}.card-info{flex:1}.card-name{font-weight:800;font-size:20px;margin-bottom:5px}.card-price{color:gray}.qty-row{display:flex;align-items:center;gap:10px}.qty-btn{width:30px;height:30px;background:#cecece;border-radius:8px;border:none;color:#404040;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s}.qty-btn:hover:not(:disabled){background:#0f172a;color:#fff}.qty-btn:disabled{color:silver;cursor:not-allowed;background:#e0fdff}.qty-value{font-size:15px;font-weight:700;min-width:22px;text-align:center}.card-total{font-size:15px;font-weight:800;color:#0f172a;min-width:100px;text-align:center}.delete-btn{cursor:pointer;border:none;font-size:30px;background:transparent;transition:.15s}.delete-btn:hover{color:#e13c3c}